diff --git a/package.json b/package.json index 50501dc46..b13e42724 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@vkontakte/vkui-tokens", - "version": "4.51.0", + "version": "4.52.0", "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm", "license": "MIT", "homepage": "https://vkcom.github.io/vkui-tokens", @@ -44,7 +44,7 @@ "csstype": "^3.1.1" }, "devDependencies": { - "@babel/core": "7.24.7", + "@babel/core": "7.25.2", "@svgr/webpack": "8.1.0", "@types/color": "3.0.6", "@types/common-tags": "1.8.4", @@ -57,7 +57,7 @@ "@vkontakte/icons": "2.124.0", "@vkontakte/prettier-config": "0.1.0", "@vkontakte/vk-bridge": "2.14.2", - "@vkontakte/vkjs": "1.2.0", + "@vkontakte/vkjs": "1.3.0", "@vkontakte/vkui": "6.3.0", "babel-jest": "29.7.0", "babel-loader": "9.1.3", @@ -85,7 +85,7 @@ "husky": "9.1.4", "jest": "29.7.0", "jest-junit": "16.0.0", - "lint-staged": "15.2.7", + "lint-staged": "15.2.9", "lodash": "4.17.21", "prettier": "3.3.2", "react": "18.3.1", @@ -102,7 +102,7 @@ "type-fest": "4.23.0", "typescript": "5.2.2", "typescript-eslint": "7.0.1", - "webpack": "5.92.1", + "webpack": "5.93.0", "webpack-cli": "5.1.4", "webpack-dev-server": "5.0.4", "webpack-notifier": "1.15.0" diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 89e5ce1f2..f968074d7 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -1799,15 +1799,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -1925,15 +1925,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -1953,15 +1953,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -1995,15 +1995,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -2051,15 +2051,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -2079,29 +2079,29 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -2121,43 +2121,43 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -2275,71 +2275,71 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -2440,6 +2440,34 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -2569,43 +2597,43 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -2653,29 +2681,29 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -2751,15 +2779,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -2961,15 +2989,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorRating": { @@ -3115,29 +3143,29 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -3157,15 +3185,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -3199,29 +3227,29 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -3255,29 +3283,29 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -3325,15 +3353,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -3591,15 +3619,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -7171,9 +7199,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -7216,9 +7244,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -7226,9 +7254,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -7241,9 +7269,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -7261,9 +7289,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -7271,14 +7299,14 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -7286,19 +7314,19 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -7341,29 +7369,29 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -7400,6 +7428,16 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -7446,19 +7484,19 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -7476,14 +7514,14 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -7511,9 +7549,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -7586,9 +7624,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -7641,14 +7679,14 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -7656,9 +7694,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -7671,14 +7709,14 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -7691,14 +7729,14 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -7716,9 +7754,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -7811,9 +7849,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -9237,9 +9275,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -9282,9 +9320,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -9292,9 +9330,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -9307,9 +9345,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -9327,9 +9365,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -9337,14 +9375,14 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -9352,19 +9390,19 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -9407,29 +9445,29 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -9466,6 +9504,16 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -9512,19 +9560,19 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -9542,14 +9590,14 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -9577,9 +9625,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -9652,9 +9700,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", @@ -9707,14 +9755,14 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -9722,9 +9770,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -9737,14 +9785,14 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -9757,14 +9805,14 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -9782,9 +9830,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -9877,9 +9925,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -11303,9 +11351,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -11348,9 +11396,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -11358,9 +11406,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -11373,9 +11421,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -11393,9 +11441,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -11403,14 +11451,14 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -11418,19 +11466,19 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -11473,29 +11521,29 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -11532,6 +11580,16 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -11578,19 +11636,19 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -11608,14 +11666,14 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -11643,9 +11701,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -11718,9 +11776,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -11773,14 +11831,14 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -11788,9 +11846,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -11803,14 +11861,14 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -11823,14 +11881,14 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -11848,9 +11906,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -11943,9 +12001,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -14535,15 +14593,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -14661,15 +14719,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -14689,15 +14747,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -14731,15 +14789,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -14787,15 +14845,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -14857,15 +14915,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -15039,15 +15097,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -15176,6 +15234,34 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -15389,15 +15475,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -15697,15 +15783,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -15851,15 +15937,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -15935,15 +16021,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -15991,15 +16077,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -16327,15 +16413,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -19907,9 +19993,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -19952,9 +20038,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -19962,9 +20048,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -19977,9 +20063,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -19997,9 +20083,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -20022,9 +20108,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -20087,9 +20173,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -20136,6 +20222,16 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -20212,9 +20308,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -20322,9 +20418,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -20377,9 +20473,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -20407,9 +20503,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -20427,9 +20523,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -20547,9 +20643,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -21973,9 +22069,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -22018,9 +22114,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -22028,9 +22124,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -22043,9 +22139,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -22063,9 +22159,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -22088,9 +22184,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -22153,9 +22249,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -22202,6 +22298,16 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -22278,9 +22384,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -22388,9 +22494,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -22443,9 +22549,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -22473,9 +22579,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -22493,9 +22599,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -22613,9 +22719,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -24039,9 +24145,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -24084,9 +24190,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -24094,9 +24200,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -24109,9 +24215,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -24129,9 +24235,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -24154,9 +24260,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -24219,9 +24325,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -24268,6 +24374,16 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -24344,9 +24460,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -24454,9 +24570,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -24509,9 +24625,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -24539,9 +24655,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -24559,9 +24675,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -24679,9 +24795,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -25521,15 +25637,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -25647,15 +25763,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -25675,15 +25791,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -25717,15 +25833,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -25773,15 +25889,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -25843,15 +25959,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -26025,15 +26141,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -26162,6 +26278,34 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -26375,15 +26519,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -26683,15 +26827,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -26837,15 +26981,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -26921,15 +27065,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -26977,15 +27121,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -27313,15 +27457,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -29967,9 +30111,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -30012,9 +30156,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -30022,9 +30166,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -30037,9 +30181,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -30057,9 +30201,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -30082,9 +30226,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -30147,9 +30291,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -30196,6 +30340,16 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -30272,9 +30426,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -30382,9 +30536,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -30437,9 +30591,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -30467,9 +30621,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -30487,9 +30641,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -30607,9 +30761,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -31320,9 +31474,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -31365,9 +31519,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -31375,9 +31529,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -31390,9 +31544,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -31410,9 +31564,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -31435,9 +31589,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -31500,9 +31654,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -31549,6 +31703,16 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -31625,9 +31789,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -31735,9 +31899,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -31790,9 +31954,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -31820,9 +31984,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -31840,9 +32004,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -31960,9 +32124,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -32673,9 +32837,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -32718,9 +32882,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -32728,9 +32892,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -32743,9 +32907,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -32763,9 +32927,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -32788,9 +32952,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -32853,9 +33017,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -32902,6 +33066,16 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -32978,9 +33152,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -33088,9 +33262,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -33143,9 +33317,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -33173,9 +33347,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -33193,9 +33367,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -33313,9 +33487,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -34035,6 +34209,1014 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": { + "name": "--vkui--cloud_color_background--active", + "value": "var(--vkui--cloud_color_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_background--hover", + "value": "var(--vkui--cloud_color_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_background", + "value": "var(--vkui--cloud_color_background, #FFFFFF)", + }, + }, + "cloudColorBackgroundAlternative": { + "active": { + "name": "--vkui--cloud_color_background_alternative--active", + "value": "var(--vkui--cloud_color_background_alternative--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--cloud_color_background_alternative--hover", + "value": "var(--vkui--cloud_color_background_alternative--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--cloud_color_background_alternative", + "value": "var(--vkui--cloud_color_background_alternative, #f3f3f5)", + }, + }, + "cloudColorBackgroundCTA": { + "active": { + "name": "--vkui--cloud_color_background_c_t_a--active", + "value": "var(--vkui--cloud_color_background_c_t_a--active, #E1E6EF)", + }, + "hover": { + "name": "--vkui--cloud_color_background_c_t_a--hover", + "value": "var(--vkui--cloud_color_background_c_t_a--hover, #EBF0F7)", + }, + "normal": { + "name": "--vkui--cloud_color_background_c_t_a", + "value": "var(--vkui--cloud_color_background_c_t_a, #f5f9ff)", + }, + }, + "cloudColorBackgroundContentAlternative": { + "active": { + "name": "--vkui--cloud_color_background_content_alternative--active", + "value": "var(--vkui--cloud_color_background_content_alternative--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_background_content_alternative--hover", + "value": "var(--vkui--cloud_color_background_content_alternative--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_background_content_alternative", + "value": "var(--vkui--cloud_color_background_content_alternative, #ffffff)", + }, + }, + "cloudColorBackgroundDragAndDrop": { + "active": { + "name": "--vkui--cloud_color_background_drag_and_drop--active", + "value": "var(--vkui--cloud_color_background_drag_and_drop--active, #D8E0EF)", + }, + "hover": { + "name": "--vkui--cloud_color_background_drag_and_drop--hover", + "value": "var(--vkui--cloud_color_background_drag_and_drop--hover, #E2E9F7)", + }, + "normal": { + "name": "--vkui--cloud_color_background_drag_and_drop", + "value": "var(--vkui--cloud_color_background_drag_and_drop, #ebf2ff)", + }, + }, + "cloudColorBackgroundFastScroll": { + "active": { + "name": "--vkui--cloud_color_background_fast_scroll--active", + "value": "var(--vkui--cloud_color_background_fast_scroll--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_background_fast_scroll--hover", + "value": "var(--vkui--cloud_color_background_fast_scroll--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_background_fast_scroll", + "value": "var(--vkui--cloud_color_background_fast_scroll, #ffffff)", + }, + }, + "cloudColorBackgroundFileDocument": { + "active": { + "name": "--vkui--cloud_color_background_file_document--active", + "value": "var(--vkui--cloud_color_background_file_document--active, #CFDEEE)", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_document--hover", + "value": "var(--vkui--cloud_color_background_file_document--hover, #D8E7F5)", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_document", + "value": "var(--vkui--cloud_color_background_file_document, #e1f0fd)", + }, + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": { + "name": "--vkui--cloud_color_background_file_other_alpha--active", + "value": "var(--vkui--cloud_color_background_file_other_alpha--active, rgba(0, 16, 61, 0.13))", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_other_alpha--hover", + "value": "var(--vkui--cloud_color_background_file_other_alpha--hover, rgba(0, 16, 61, 0.09))", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_other_alpha", + "value": "var(--vkui--cloud_color_background_file_other_alpha, rgba(0, 16, 61, .05))", + }, + }, + "cloudColorBackgroundFilePresentation": { + "active": { + "name": "--vkui--cloud_color_background_file_presentation--active", + "value": "var(--vkui--cloud_color_background_file_presentation--active, #E6D8DC)", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_presentation--hover", + "value": "var(--vkui--cloud_color_background_file_presentation--hover, #F0E0E3)", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_presentation", + "value": "var(--vkui--cloud_color_background_file_presentation, #fae9ea)", + }, + }, + "cloudColorBackgroundFileTable": { + "active": { + "name": "--vkui--cloud_color_background_file_table--active", + "value": "var(--vkui--cloud_color_background_file_table--active, #CFE0E2)", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_table--hover", + "value": "var(--vkui--cloud_color_background_file_table--hover, #D8E9E9)", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_table", + "value": "var(--vkui--cloud_color_background_file_table, #e1f2f0)", + }, + }, + "cloudColorBackgroundPortal": { + "active": { + "name": "--vkui--cloud_color_background_portal--active", + "value": "var(--vkui--cloud_color_background_portal--active, #E2E5E9)", + }, + "hover": { + "name": "--vkui--cloud_color_background_portal--hover", + "value": "var(--vkui--cloud_color_background_portal--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--cloud_color_background_portal", + "value": "var(--vkui--cloud_color_background_portal, #f6f7f8)", + }, + }, + "cloudColorBackgroundProfileAccess": { + "active": { + "name": "--vkui--cloud_color_background_profile_access--active", + "value": "var(--vkui--cloud_color_background_profile_access--active, #B3DBAA)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_access--hover", + "value": "var(--vkui--cloud_color_background_profile_access--hover, #BBE4AE)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_access", + "value": "var(--vkui--cloud_color_background_profile_access, #c3edb3)", + }, + }, + "cloudColorBackgroundProfileMail": { + "active": { + "name": "--vkui--cloud_color_background_profile_mail--active", + "value": "var(--vkui--cloud_color_background_profile_mail--active, #A9D0EF)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_mail--hover", + "value": "var(--vkui--cloud_color_background_profile_mail--hover, #B1D9F7)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_mail", + "value": "var(--vkui--cloud_color_background_profile_mail, #b8e1ff)", + }, + }, + "cloudColorBackgroundProfileSettings": { + "active": { + "name": "--vkui--cloud_color_background_profile_settings--active", + "value": "var(--vkui--cloud_color_background_profile_settings--active, #A2E0CA)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_settings--hover", + "value": "var(--vkui--cloud_color_background_profile_settings--hover, #A9E9D0)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_settings", + "value": "var(--vkui--cloud_color_background_profile_settings, #b0f2d6)", + }, + }, + "cloudColorBackgroundProfileTariff": { + "active": { + "name": "--vkui--cloud_color_background_profile_tariff--active", + "value": "var(--vkui--cloud_color_background_profile_tariff--active, #EABBCA)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_tariff--hover", + "value": "var(--vkui--cloud_color_background_profile_tariff--hover, #F4C3D0)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_tariff", + "value": "var(--vkui--cloud_color_background_profile_tariff, #fecad6)", + }, + }, + "cloudColorBackgroundProfileTrash": { + "active": { + "name": "--vkui--cloud_color_background_profile_trash--active", + "value": "var(--vkui--cloud_color_background_profile_trash--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_trash--hover", + "value": "var(--vkui--cloud_color_background_profile_trash--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_trash", + "value": "var(--vkui--cloud_color_background_profile_trash, #dadce0)", + }, + }, + "cloudColorBackgroundProfileUploading": { + "active": { + "name": "--vkui--cloud_color_background_profile_uploading--active", + "value": "var(--vkui--cloud_color_background_profile_uploading--active, #E9CD9F)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_uploading--hover", + "value": "var(--vkui--cloud_color_background_profile_uploading--hover, #F3D5A4)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_uploading", + "value": "var(--vkui--cloud_color_background_profile_uploading, #fddda8)", + }, + }, + "cloudColorBlueAccentThemed": { + "active": { + "name": "--vkui--cloud_color_blue_accent_themed--active", + "value": "var(--vkui--cloud_color_blue_accent_themed--active, #1A4074)", + }, + "hover": { + "name": "--vkui--cloud_color_blue_accent_themed--hover", + "value": "var(--vkui--cloud_color_blue_accent_themed--hover, #1B4277)", + }, + "normal": { + "name": "--vkui--cloud_color_blue_accent_themed", + "value": "var(--vkui--cloud_color_blue_accent_themed, #1c4479)", + }, + }, + "cloudColorGreenAccentThemed": { + "active": { + "name": "--vkui--cloud_color_green_accent_themed--active", + "value": "var(--vkui--cloud_color_green_accent_themed--active, #077369)", + }, + "hover": { + "name": "--vkui--cloud_color_green_accent_themed--hover", + "value": "var(--vkui--cloud_color_green_accent_themed--hover, #08786B)", + }, + "normal": { + "name": "--vkui--cloud_color_green_accent_themed", + "value": "var(--vkui--cloud_color_green_accent_themed, #087c6d)", + }, + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": { + "name": "--vkui--cloud_color_header_icon_background_alpha--active", + "value": "var(--vkui--cloud_color_header_icon_background_alpha--active, rgba(71, 71, 71, 0.14))", + }, + "hover": { + "name": "--vkui--cloud_color_header_icon_background_alpha--hover", + "value": "var(--vkui--cloud_color_header_icon_background_alpha--hover, rgba(71, 71, 71, 0.1))", + }, + "normal": { + "name": "--vkui--cloud_color_header_icon_background_alpha", + "value": "var(--vkui--cloud_color_header_icon_background_alpha, rgba(71, 71, 71, .06))", + }, + }, + "cloudColorHeaderSearchBackground": { + "active": { + "name": "--vkui--cloud_color_header_search_background--active", + "value": "var(--vkui--cloud_color_header_search_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_header_search_background--hover", + "value": "var(--vkui--cloud_color_header_search_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_header_search_background", + "value": "var(--vkui--cloud_color_header_search_background, #ffffff)", + }, + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": { + "name": "--vkui--cloud_color_header_search_background_collapsed--active", + "value": "var(--vkui--cloud_color_header_search_background_collapsed--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--cloud_color_header_search_background_collapsed--hover", + "value": "var(--vkui--cloud_color_header_search_background_collapsed--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--cloud_color_header_search_background_collapsed", + "value": "var(--vkui--cloud_color_header_search_background_collapsed, #f0f1f3)", + }, + }, + "cloudColorIconAccentAlternative": { + "active": { + "name": "--vkui--cloud_color_icon_accent_alternative--active", + "value": "var(--vkui--cloud_color_icon_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_accent_alternative--hover", + "value": "var(--vkui--cloud_color_icon_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_accent_alternative", + "value": "var(--vkui--cloud_color_icon_accent_alternative, #ff9e00)", + }, + }, + "cloudColorIconFileDocumentInvariably": { + "active": { + "name": "--vkui--cloud_color_icon_file_document_invariably--active", + "value": "var(--vkui--cloud_color_icon_file_document_invariably--active, #0181E4)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_file_document_invariably--hover", + "value": "var(--vkui--cloud_color_icon_file_document_invariably--hover, #0186EB)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_file_document_invariably", + "value": "var(--vkui--cloud_color_icon_file_document_invariably, #018bf2)", + }, + }, + "cloudColorIconFilePresentationInvariably": { + "active": { + "name": "--vkui--cloud_color_icon_file_presentation_invariably--active", + "value": "var(--vkui--cloud_color_icon_file_presentation_invariably--active, #C9474D)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_file_presentation_invariably--hover", + "value": "var(--vkui--cloud_color_icon_file_presentation_invariably--hover, #D14A4D)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_file_presentation_invariably", + "value": "var(--vkui--cloud_color_icon_file_presentation_invariably, #da4c4e)", + }, + }, + "cloudColorIconFileTableInvariably": { + "active": { + "name": "--vkui--cloud_color_icon_file_table_invariably--active", + "value": "var(--vkui--cloud_color_icon_file_table_invariably--active, #018C7E)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_file_table_invariably--hover", + "value": "var(--vkui--cloud_color_icon_file_table_invariably--hover, #019281)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_file_table_invariably", + "value": "var(--vkui--cloud_color_icon_file_table_invariably, #019784)", + }, + }, + "cloudColorIconFinance": { + "active": { + "name": "--vkui--cloud_color_icon_finance--active", + "value": "var(--vkui--cloud_color_icon_finance--active, #21B87B)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_finance--hover", + "value": "var(--vkui--cloud_color_icon_finance--hover, #23C07D)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_finance", + "value": "var(--vkui--cloud_color_icon_finance, #24c780)", + }, + }, + "cloudColorIconFinanceThemed": { + "active": { + "name": "--vkui--cloud_color_icon_finance_themed--active", + "value": "var(--vkui--cloud_color_icon_finance_themed--active, rgba(36, 199, 128, 0.28))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_finance_themed--hover", + "value": "var(--vkui--cloud_color_icon_finance_themed--hover, rgba(36, 199, 128, 0.24))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_finance_themed", + "value": "var(--vkui--cloud_color_icon_finance_themed, rgba(36, 199, 128, .2))", + }, + }, + "cloudColorIconFolder": { + "active": { + "name": "--vkui--cloud_color_icon_folder--active", + "value": "var(--vkui--cloud_color_icon_folder--active, #EACD65)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_folder--hover", + "value": "var(--vkui--cloud_color_icon_folder--hover, #F4D567)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_folder", + "value": "var(--vkui--cloud_color_icon_folder, #fedd69)", + }, + }, + "cloudColorIconIDCard": { + "active": { + "name": "--vkui--cloud_color_icon_i_d_card--active", + "value": "var(--vkui--cloud_color_icon_i_d_card--active, #006FEF)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_i_d_card--hover", + "value": "var(--vkui--cloud_color_icon_i_d_card--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_i_d_card", + "value": "var(--vkui--cloud_color_icon_i_d_card, #0077ff)", + }, + }, + "cloudColorIconIDCardThemedAlpha": { + "active": { + "name": "--vkui--cloud_color_icon_i_d_card_themed_alpha--active", + "value": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--active, rgba(0, 95, 249, 0.28))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_i_d_card_themed_alpha--hover", + "value": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_i_d_card_themed_alpha", + "value": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha, rgba(0, 95, 249, .2))", + }, + }, + "cloudColorIconOfficial": { + "active": { + "name": "--vkui--cloud_color_icon_official--active", + "value": "var(--vkui--cloud_color_icon_official--active, #D9434E)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_official--hover", + "value": "var(--vkui--cloud_color_icon_official--hover, #E3454F)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_official", + "value": "var(--vkui--cloud_color_icon_official, #ec4750)", + }, + }, + "cloudColorIconOfficialThemedAlpha": { + "active": { + "name": "--vkui--cloud_color_icon_official_themed_alpha--active", + "value": "var(--vkui--cloud_color_icon_official_themed_alpha--active, rgba(236, 71, 80, 0.28))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_official_themed_alpha--hover", + "value": "var(--vkui--cloud_color_icon_official_themed_alpha--hover, rgba(236, 71, 80, 0.24))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_official_themed_alpha", + "value": "var(--vkui--cloud_color_icon_official_themed_alpha, rgba(236, 71, 80, .2))", + }, + }, + "cloudColorIconProfileAccess": { + "active": { + "name": "--vkui--cloud_color_icon_profile_access--active", + "value": "var(--vkui--cloud_color_icon_profile_access--active, #017D45)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_access--hover", + "value": "var(--vkui--cloud_color_icon_profile_access--hover, #018146)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_access", + "value": "var(--vkui--cloud_color_icon_profile_access, #018646)", + }, + }, + "cloudColorIconProfileMail": { + "active": { + "name": "--vkui--cloud_color_icon_profile_mail--active", + "value": "var(--vkui--cloud_color_icon_profile_mail--active, #006FEF)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_mail--hover", + "value": "var(--vkui--cloud_color_icon_profile_mail--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_mail", + "value": "var(--vkui--cloud_color_icon_profile_mail, #0077ff)", + }, + }, + "cloudColorIconProfileSettings": { + "active": { + "name": "--vkui--cloud_color_icon_profile_settings--active", + "value": "var(--vkui--cloud_color_icon_profile_settings--active, #00796E)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_settings--hover", + "value": "var(--vkui--cloud_color_icon_profile_settings--hover, #007D70)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_settings", + "value": "var(--vkui--cloud_color_icon_profile_settings, #008272)", + }, + }, + "cloudColorIconProfileTariff": { + "active": { + "name": "--vkui--cloud_color_icon_profile_tariff--active", + "value": "var(--vkui--cloud_color_icon_profile_tariff--active, #EB367F)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_tariff--hover", + "value": "var(--vkui--cloud_color_icon_profile_tariff--hover, #F53782)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_tariff", + "value": "var(--vkui--cloud_color_icon_profile_tariff, #ff3985)", + }, + }, + "cloudColorIconProfileTrash": { + "active": { + "name": "--vkui--cloud_color_icon_profile_trash--active", + "value": "var(--vkui--cloud_color_icon_profile_trash--active, #5D5E64)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_trash--hover", + "value": "var(--vkui--cloud_color_icon_profile_trash--hover, #616265)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_trash", + "value": "var(--vkui--cloud_color_icon_profile_trash, #656567)", + }, + }, + "cloudColorIconProfileUploading": { + "active": { + "name": "--vkui--cloud_color_icon_profile_uploading--active", + "value": "var(--vkui--cloud_color_icon_profile_uploading--active, #AD5405)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_uploading--hover", + "value": "var(--vkui--cloud_color_icon_profile_uploading--hover, #B45702)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_uploading", + "value": "var(--vkui--cloud_color_icon_profile_uploading, #bc5a00)", + }, + }, + "cloudColorIconRating": { + "active": { + "name": "--vkui--cloud_color_icon_rating--active", + "value": "var(--vkui--cloud_color_icon_rating--active, #EBC405)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_rating--hover", + "value": "var(--vkui--cloud_color_icon_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_rating", + "value": "var(--vkui--cloud_color_icon_rating, #ffd400)", + }, + }, + "cloudColorIconTransport": { + "active": { + "name": "--vkui--cloud_color_icon_transport--active", + "value": "var(--vkui--cloud_color_icon_transport--active, #A075DE)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_transport--hover", + "value": "var(--vkui--cloud_color_icon_transport--hover, #A77AE5)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_transport", + "value": "var(--vkui--cloud_color_icon_transport, #ae7eec)", + }, + }, + "cloudColorIconTransportThemed": { + "active": { + "name": "--vkui--cloud_color_icon_transport_themed--active", + "value": "var(--vkui--cloud_color_icon_transport_themed--active, rgba(174, 126, 236, 0.28))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_transport_themed--hover", + "value": "var(--vkui--cloud_color_icon_transport_themed--hover, rgba(174, 126, 236, 0.24))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_transport_themed", + "value": "var(--vkui--cloud_color_icon_transport_themed, rgba(174, 126, 236, .2))", + }, + }, + "cloudColorLandingBackground": { + "active": { + "name": "--vkui--cloud_color_landing_background--active", + "value": "var(--vkui--cloud_color_landing_background--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_background--hover", + "value": "var(--vkui--cloud_color_landing_background--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_background", + "value": "var(--vkui--cloud_color_landing_background, #f3f3f5)", + }, + }, + "cloudColorLandingButtonBackground": { + "active": { + "name": "--vkui--cloud_color_landing_button_background--active", + "value": "var(--vkui--cloud_color_landing_button_background--active, #D8E0EF)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_button_background--hover", + "value": "var(--vkui--cloud_color_landing_button_background--hover, #E2E9F7)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_button_background", + "value": "var(--vkui--cloud_color_landing_button_background, #ebf2ff)", + }, + }, + "cloudColorLandingControlPrimaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_control_primary_background--active", + "value": "var(--vkui--cloud_color_landing_control_primary_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_control_primary_background--hover", + "value": "var(--vkui--cloud_color_landing_control_primary_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_control_primary_background", + "value": "var(--vkui--cloud_color_landing_control_primary_background, #ffffff)", + }, + }, + "cloudColorLandingControlSecondaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_control_secondary_background--active", + "value": "var(--vkui--cloud_color_landing_control_secondary_background--active, #D5D7DE)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_control_secondary_background--hover", + "value": "var(--vkui--cloud_color_landing_control_secondary_background--hover, #DEDFE5)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_control_secondary_background", + "value": "var(--vkui--cloud_color_landing_control_secondary_background, #e7e8ec)", + }, + }, + "cloudColorLandingLabelBackground": { + "active": { + "name": "--vkui--cloud_color_landing_label_background--active", + "value": "var(--vkui--cloud_color_landing_label_background--active, #C8D5EC)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_label_background--hover", + "value": "var(--vkui--cloud_color_landing_label_background--hover, #D0DDF3)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_label_background", + "value": "var(--vkui--cloud_color_landing_label_background, #d9e6fb)", + }, + }, + "cloudColorLandingLabelInverseBackground": { + "active": { + "name": "--vkui--cloud_color_landing_label_inverse_background--active", + "value": "var(--vkui--cloud_color_landing_label_inverse_background--active, #282B2F)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_label_inverse_background--hover", + "value": "var(--vkui--cloud_color_landing_label_inverse_background--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_label_inverse_background", + "value": "var(--vkui--cloud_color_landing_label_inverse_background, #2c2d2e)", + }, + }, + "cloudColorLandingMediumBackground": { + "active": { + "name": "--vkui--cloud_color_landing_medium_background--active", + "value": "var(--vkui--cloud_color_landing_medium_background--active, #E2E5E9)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_medium_background--hover", + "value": "var(--vkui--cloud_color_landing_medium_background--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_medium_background", + "value": "var(--vkui--cloud_color_landing_medium_background, #f6f7f8)", + }, + }, + "cloudColorLandingSecondaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_secondary_background--active", + "value": "var(--vkui--cloud_color_landing_secondary_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_secondary_background--hover", + "value": "var(--vkui--cloud_color_landing_secondary_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_secondary_background", + "value": "var(--vkui--cloud_color_landing_secondary_background, #ffffff)", + }, + }, + "cloudColorLandingStrokeTariff": { + "active": { + "name": "--vkui--cloud_color_landing_stroke_tariff--active", + "value": "var(--vkui--cloud_color_landing_stroke_tariff--active, #218FED)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_stroke_tariff--hover", + "value": "var(--vkui--cloud_color_landing_stroke_tariff--hover, #2394F4)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_stroke_tariff", + "value": "var(--vkui--cloud_color_landing_stroke_tariff, #249afc)", + }, + }, + "cloudColorLandingTertiaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_tertiary_background--active", + "value": "var(--vkui--cloud_color_landing_tertiary_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_tertiary_background--hover", + "value": "var(--vkui--cloud_color_landing_tertiary_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_tertiary_background", + "value": "var(--vkui--cloud_color_landing_tertiary_background, #ffffff)", + }, + }, + "cloudColorOrangeAccentThemed": { + "active": { + "name": "--vkui--cloud_color_orange_accent_themed--active", + "value": "var(--vkui--cloud_color_orange_accent_themed--active, #6E432C)", + }, + "hover": { + "name": "--vkui--cloud_color_orange_accent_themed--hover", + "value": "var(--vkui--cloud_color_orange_accent_themed--hover, #73452B)", + }, + "normal": { + "name": "--vkui--cloud_color_orange_accent_themed", + "value": "var(--vkui--cloud_color_orange_accent_themed, #78472a)", + }, + }, + "cloudColorOverlayBackground": { + "active": { + "name": "--vkui--cloud_color_overlay_background--active", + "value": "var(--vkui--cloud_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--cloud_color_overlay_background--hover", + "value": "var(--vkui--cloud_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--cloud_color_overlay_background", + "value": "var(--vkui--cloud_color_overlay_background, transparent)", + }, + }, + "cloudColorPurpleAccentThemed": { + "active": { + "name": "--vkui--cloud_color_purple_accent_themed--active", + "value": "var(--vkui--cloud_color_purple_accent_themed--active, #6A4C97)", + }, + "hover": { + "name": "--vkui--cloud_color_purple_accent_themed--hover", + "value": "var(--vkui--cloud_color_purple_accent_themed--hover, #6E4E9B)", + }, + "normal": { + "name": "--vkui--cloud_color_purple_accent_themed", + "value": "var(--vkui--cloud_color_purple_accent_themed, #73519f)", + }, + }, + "cloudColorScrollIndicatorAlpha": { + "active": { + "name": "--vkui--cloud_color_scroll_indicator_alpha--active", + "value": "var(--vkui--cloud_color_scroll_indicator_alpha--active, rgba(104, 106, 113, 0.73))", + }, + "hover": { + "name": "--vkui--cloud_color_scroll_indicator_alpha--hover", + "value": "var(--vkui--cloud_color_scroll_indicator_alpha--hover, rgba(104, 106, 113, 0.6900000000000001))", + }, + "normal": { + "name": "--vkui--cloud_color_scroll_indicator_alpha", + "value": "var(--vkui--cloud_color_scroll_indicator_alpha, rgba(104, 106, 113, .65))", + }, + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_background_alpha--active", + "value": "var(--vkui--cloud_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_background_alpha--hover", + "value": "var(--vkui--cloud_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_background_alpha", + "value": "var(--vkui--cloud_color_sidebar_item_background_alpha, transparent)", + }, + }, + "cloudColorSidebarItemText": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_text--active", + "value": "var(--vkui--cloud_color_sidebar_item_text--active, #2F3034)", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_text--hover", + "value": "var(--vkui--cloud_color_sidebar_item_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_text", + "value": "var(--vkui--cloud_color_sidebar_item_text, #333333)", + }, + }, + "cloudColorSidebarItemTextPrimary": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_text_primary--active", + "value": "var(--vkui--cloud_color_sidebar_item_text_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_text_primary--hover", + "value": "var(--vkui--cloud_color_sidebar_item_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_text_primary", + "value": "var(--vkui--cloud_color_sidebar_item_text_primary, #2C2D2E)", + }, + }, + "cloudColorSidebarItemTextSecondary": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_text_secondary--active", + "value": "var(--vkui--cloud_color_sidebar_item_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_text_secondary--hover", + "value": "var(--vkui--cloud_color_sidebar_item_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_text_secondary", + "value": "var(--vkui--cloud_color_sidebar_item_text_secondary, #87898F)", + }, + }, + "cloudColorSubscriptionButtonBackground": { + "active": { + "name": "--vkui--cloud_color_subscription_button_background--active", + "value": "var(--vkui--cloud_color_subscription_button_background--active, #006FEF)", + }, + "hover": { + "name": "--vkui--cloud_color_subscription_button_background--hover", + "value": "var(--vkui--cloud_color_subscription_button_background--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--cloud_color_subscription_button_background", + "value": "var(--vkui--cloud_color_subscription_button_background, #0077ff)", + }, + }, + "cloudColorSweetblue": { + "active": { + "name": "--vkui--cloud_color_sweetblue--active", + "value": "var(--vkui--cloud_color_sweetblue--active, #CBD8EF)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetblue--hover", + "value": "var(--vkui--cloud_color_sweetblue--hover, #D4E0F7)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetblue", + "value": "var(--vkui--cloud_color_sweetblue, #dde9ff)", + }, + }, + "cloudColorSweetgreen": { + "active": { + "name": "--vkui--cloud_color_sweetgreen--active", + "value": "var(--vkui--cloud_color_sweetgreen--active, #BEDCD8)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetgreen--hover", + "value": "var(--vkui--cloud_color_sweetgreen--hover, #C6E5DF)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetgreen", + "value": "var(--vkui--cloud_color_sweetgreen, #ceeee6)", + }, + }, + "cloudColorSweetorange": { + "active": { + "name": "--vkui--cloud_color_sweetorange--active", + "value": "var(--vkui--cloud_color_sweetorange--active, #E5C3B3)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetorange--hover", + "value": "var(--vkui--cloud_color_sweetorange--hover, #EFCBB8)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetorange", + "value": "var(--vkui--cloud_color_sweetorange, #f9d3bd)", + }, + }, + "cloudColorSweetpurple": { + "active": { + "name": "--vkui--cloud_color_sweetpurple--active", + "value": "var(--vkui--cloud_color_sweetpurple--active, #DFD7EF)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetpurple--hover", + "value": "var(--vkui--cloud_color_sweetpurple--hover, #E8DFF7)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetpurple", + "value": "var(--vkui--cloud_color_sweetpurple, #f2e8ff)", + }, + }, + "cloudColorTabbarBackgroundAlpha": { + "active": { + "name": "--vkui--cloud_color_tabbar_background_alpha--active", + "value": "var(--vkui--cloud_color_tabbar_background_alpha--active, rgba(255, 255, 255, 0.98))", + }, + "hover": { + "name": "--vkui--cloud_color_tabbar_background_alpha--hover", + "value": "var(--vkui--cloud_color_tabbar_background_alpha--hover, rgba(255, 255, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--cloud_color_tabbar_background_alpha", + "value": "var(--vkui--cloud_color_tabbar_background_alpha, rgba(255, 255, 255, .9))", + }, + }, + "cloudColorTextAccentAlternative": { + "active": { + "name": "--vkui--cloud_color_text_accent_alternative--active", + "value": "var(--vkui--cloud_color_text_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--cloud_color_text_accent_alternative--hover", + "value": "var(--vkui--cloud_color_text_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--cloud_color_text_accent_alternative", + "value": "var(--vkui--cloud_color_text_accent_alternative, #ff9e00)", + }, + }, + "cloudColorTextContrastThemedAlpha": { + "active": { + "name": "--vkui--cloud_color_text_contrast_themed_alpha--active", + "value": "var(--vkui--cloud_color_text_contrast_themed_alpha--active, rgba(255, 255, 255, 0.68))", + }, + "hover": { + "name": "--vkui--cloud_color_text_contrast_themed_alpha--hover", + "value": "var(--vkui--cloud_color_text_contrast_themed_alpha--hover, rgba(255, 255, 255, 0.64))", + }, + "normal": { + "name": "--vkui--cloud_color_text_contrast_themed_alpha", + "value": "var(--vkui--cloud_color_text_contrast_themed_alpha, rgba(255, 255, 255, .6))", + }, + }, + "cloudColorTextSecondaryAlpha": { + "active": { + "name": "--vkui--cloud_color_text_secondary_alpha--active", + "value": "var(--vkui--cloud_color_text_secondary_alpha--active, rgba(255, 255, 255, 0.68))", + }, + "hover": { + "name": "--vkui--cloud_color_text_secondary_alpha--hover", + "value": "var(--vkui--cloud_color_text_secondary_alpha--hover, rgba(255, 255, 255, 0.64))", + }, + "normal": { + "name": "--vkui--cloud_color_text_secondary_alpha", + "value": "var(--vkui--cloud_color_text_secondary_alpha, rgba(255, 255, 255, .6))", + }, + }, + "cloudColorTextSnackbarAccent": { + "active": { + "name": "--vkui--cloud_color_text_snackbar_accent--active", + "value": "var(--vkui--cloud_color_text_snackbar_accent--active, #5D94EF)", + }, + "hover": { + "name": "--vkui--cloud_color_text_snackbar_accent--hover", + "value": "var(--vkui--cloud_color_text_snackbar_accent--hover, #619AF7)", + }, + "normal": { + "name": "--vkui--cloud_color_text_snackbar_accent", + "value": "var(--vkui--cloud_color_text_snackbar_accent, #65a0ff)", + }, + }, + "cloudColorToolbarBackground": { + "active": { + "name": "--vkui--cloud_color_toolbar_background--active", + "value": "var(--vkui--cloud_color_toolbar_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--cloud_color_toolbar_background--hover", + "value": "var(--vkui--cloud_color_toolbar_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--cloud_color_toolbar_background", + "value": "var(--vkui--cloud_color_toolbar_background, #ffffff)", + }, + }, + "cloudColorViewerBackground": { + "active": { + "name": "--vkui--cloud_color_viewer_background--active", + "value": "var(--vkui--cloud_color_viewer_background--active, #000105)", + }, + "hover": { + "name": "--vkui--cloud_color_viewer_background--hover", + "value": "var(--vkui--cloud_color_viewer_background--hover, #000102)", + }, + "normal": { + "name": "--vkui--cloud_color_viewer_background", + "value": "var(--vkui--cloud_color_viewer_background, #000000)", + }, + }, "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", @@ -34052,15 +35234,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -34178,15 +35360,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -34206,15 +35388,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -34248,15 +35430,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -34304,15 +35486,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -34332,29 +35514,29 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -34374,43 +35556,43 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -34542,57 +35724,57 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -34693,6 +35875,34 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -34822,43 +36032,43 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -34906,29 +36116,29 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -35004,15 +36214,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -35214,15 +36424,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorRating": { @@ -35368,29 +36578,29 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -35410,15 +36620,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -35452,29 +36662,29 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -35508,29 +36718,29 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -35578,15 +36788,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -35844,15 +37054,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -35903,7 +37113,7 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, none)", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", @@ -35911,15 +37121,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, none)", + "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 4px 32px rgba(0, 16, 61, 0.32))", + "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0px 16px 48px rgba(0, 16, 61, 0.48))", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", }, "fontCaption1": { "auto": { @@ -38992,15 +40202,375 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "cloudColorBackgroundAlternative": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#f3f3f5", + }, + "cloudColorBackgroundCTA": { + "active": "#E1E6EF", + "hover": "#EBF0F7", + "normal": "#f5f9ff", + }, + "cloudColorBackgroundContentAlternative": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorBackgroundDragAndDrop": { + "active": "#D8E0EF", + "hover": "#E2E9F7", + "normal": "#ebf2ff", + }, + "cloudColorBackgroundFastScroll": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorBackgroundFileDocument": { + "active": "#CFDEEE", + "hover": "#D8E7F5", + "normal": "#e1f0fd", + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": "rgba(0, 16, 61, 0.13)", + "hover": "rgba(0, 16, 61, 0.09)", + "normal": "rgba(0, 16, 61, .05)", + }, + "cloudColorBackgroundFilePresentation": { + "active": "#E6D8DC", + "hover": "#F0E0E3", + "normal": "#fae9ea", + }, + "cloudColorBackgroundFileTable": { + "active": "#CFE0E2", + "hover": "#D8E9E9", + "normal": "#e1f2f0", + }, + "cloudColorBackgroundPortal": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#f6f7f8", + }, + "cloudColorBackgroundProfileAccess": { + "active": "#B3DBAA", + "hover": "#BBE4AE", + "normal": "#c3edb3", + }, + "cloudColorBackgroundProfileMail": { + "active": "#A9D0EF", + "hover": "#B1D9F7", + "normal": "#b8e1ff", + }, + "cloudColorBackgroundProfileSettings": { + "active": "#A2E0CA", + "hover": "#A9E9D0", + "normal": "#b0f2d6", + }, + "cloudColorBackgroundProfileTariff": { + "active": "#EABBCA", + "hover": "#F4C3D0", + "normal": "#fecad6", + }, + "cloudColorBackgroundProfileTrash": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#dadce0", + }, + "cloudColorBackgroundProfileUploading": { + "active": "#E9CD9F", + "hover": "#F3D5A4", + "normal": "#fddda8", + }, + "cloudColorBlueAccentThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1c4479", + }, + "cloudColorGreenAccentThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087c6d", + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": "rgba(71, 71, 71, 0.14)", + "hover": "rgba(71, 71, 71, 0.1)", + "normal": "rgba(71, 71, 71, .06)", + }, + "cloudColorHeaderSearchBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "cloudColorIconAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "cloudColorIconFileDocumentInvariably": { + "active": "#0181E4", + "hover": "#0186EB", + "normal": "#018bf2", + }, + "cloudColorIconFilePresentationInvariably": { + "active": "#C9474D", + "hover": "#D14A4D", + "normal": "#da4c4e", + }, + "cloudColorIconFileTableInvariably": { + "active": "#018C7E", + "hover": "#019281", + "normal": "#019784", + }, + "cloudColorIconFinance": { + "active": "#21B87B", + "hover": "#23C07D", + "normal": "#24c780", + }, + "cloudColorIconFinanceThemed": { + "active": "rgba(36, 199, 128, 0.28)", + "hover": "rgba(36, 199, 128, 0.24)", + "normal": "rgba(36, 199, 128, .2)", + }, + "cloudColorIconFolder": { + "active": "#EACD65", + "hover": "#F4D567", + "normal": "#fedd69", + }, + "cloudColorIconIDCard": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "cloudColorIconIDCardThemedAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, .2)", + }, + "cloudColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#ec4750", + }, + "cloudColorIconOfficialThemedAlpha": { + "active": "rgba(236, 71, 80, 0.28)", + "hover": "rgba(236, 71, 80, 0.24)", + "normal": "rgba(236, 71, 80, .2)", + }, + "cloudColorIconProfileAccess": { + "active": "#017D45", + "hover": "#018146", + "normal": "#018646", + }, + "cloudColorIconProfileMail": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "cloudColorIconProfileSettings": { + "active": "#00796E", + "hover": "#007D70", + "normal": "#008272", + }, + "cloudColorIconProfileTariff": { + "active": "#EB367F", + "hover": "#F53782", + "normal": "#ff3985", + }, + "cloudColorIconProfileTrash": { + "active": "#5D5E64", + "hover": "#616265", + "normal": "#656567", + }, + "cloudColorIconProfileUploading": { + "active": "#AD5405", + "hover": "#B45702", + "normal": "#bc5a00", + }, + "cloudColorIconRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "cloudColorIconTransport": { + "active": "#A075DE", + "hover": "#A77AE5", + "normal": "#ae7eec", + }, + "cloudColorIconTransportThemed": { + "active": "rgba(174, 126, 236, 0.28)", + "hover": "rgba(174, 126, 236, 0.24)", + "normal": "rgba(174, 126, 236, .2)", + }, + "cloudColorLandingBackground": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#f3f3f5", + }, + "cloudColorLandingButtonBackground": { + "active": "#D8E0EF", + "hover": "#E2E9F7", + "normal": "#ebf2ff", + }, + "cloudColorLandingControlPrimaryBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorLandingControlSecondaryBackground": { + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#e7e8ec", + }, + "cloudColorLandingLabelBackground": { + "active": "#C8D5EC", + "hover": "#D0DDF3", + "normal": "#d9e6fb", + }, + "cloudColorLandingLabelInverseBackground": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "cloudColorLandingMediumBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#f6f7f8", + }, + "cloudColorLandingSecondaryBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorLandingStrokeTariff": { + "active": "#218FED", + "hover": "#2394F4", + "normal": "#249afc", + }, + "cloudColorLandingTertiaryBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorOrangeAccentThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472a", + }, + "cloudColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "cloudColorPurpleAccentThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519f", + }, + "cloudColorScrollIndicatorAlpha": { + "active": "rgba(104, 106, 113, 0.73)", + "hover": "rgba(104, 106, 113, 0.6900000000000001)", + "normal": "rgba(104, 106, 113, .65)", + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "transparent", + }, + "cloudColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "cloudColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "cloudColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "cloudColorSubscriptionButtonBackground": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "cloudColorSweetblue": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#dde9ff", + }, + "cloudColorSweetgreen": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#ceeee6", + }, + "cloudColorSweetorange": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#f9d3bd", + }, + "cloudColorSweetpurple": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#f2e8ff", + }, + "cloudColorTabbarBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.98)", + "hover": "rgba(255, 255, 255, 0.9400000000000001)", + "normal": "rgba(255, 255, 255, .9)", + }, + "cloudColorTextAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "cloudColorTextContrastThemedAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, .6)", + }, + "cloudColorTextSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, .6)", + }, + "cloudColorTextSnackbarAccent": { + "active": "#5D94EF", + "hover": "#619AF7", + "normal": "#65a0ff", + }, + "cloudColorToolbarBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorViewerBackground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -39043,9 +40613,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -39053,9 +40623,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -39068,9 +40638,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -39088,9 +40658,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -39098,14 +40668,14 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -39113,19 +40683,19 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -39173,24 +40743,24 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -39227,6 +40797,16 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -39273,19 +40853,19 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -39303,14 +40883,14 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -39338,9 +40918,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -39413,9 +40993,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -39468,14 +41048,14 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -39483,9 +41063,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -39498,14 +41078,14 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -39518,14 +41098,14 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -39543,9 +41123,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -39638,9 +41218,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -39658,11 +41238,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "none", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "none", - "elevation3": "0px 4px 32px rgba(0, 16, 61, 0.32)", - "elevation4": "0px 16px 48px rgba(0, 16, 61, 0.48)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", @@ -40479,15 +42059,375 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": "var(--vkui--cloud_color_background--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_background--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_background, #FFFFFF)", + }, + "cloudColorBackgroundAlternative": { + "active": "var(--vkui--cloud_color_background_alternative--active, #E0E1E6)", + "hover": "var(--vkui--cloud_color_background_alternative--hover, #E9EAEE)", + "normal": "var(--vkui--cloud_color_background_alternative, #f3f3f5)", + }, + "cloudColorBackgroundCTA": { + "active": "var(--vkui--cloud_color_background_c_t_a--active, #E1E6EF)", + "hover": "var(--vkui--cloud_color_background_c_t_a--hover, #EBF0F7)", + "normal": "var(--vkui--cloud_color_background_c_t_a, #f5f9ff)", + }, + "cloudColorBackgroundContentAlternative": { + "active": "var(--vkui--cloud_color_background_content_alternative--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_background_content_alternative--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_background_content_alternative, #ffffff)", + }, + "cloudColorBackgroundDragAndDrop": { + "active": "var(--vkui--cloud_color_background_drag_and_drop--active, #D8E0EF)", + "hover": "var(--vkui--cloud_color_background_drag_and_drop--hover, #E2E9F7)", + "normal": "var(--vkui--cloud_color_background_drag_and_drop, #ebf2ff)", + }, + "cloudColorBackgroundFastScroll": { + "active": "var(--vkui--cloud_color_background_fast_scroll--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_background_fast_scroll--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_background_fast_scroll, #ffffff)", + }, + "cloudColorBackgroundFileDocument": { + "active": "var(--vkui--cloud_color_background_file_document--active, #CFDEEE)", + "hover": "var(--vkui--cloud_color_background_file_document--hover, #D8E7F5)", + "normal": "var(--vkui--cloud_color_background_file_document, #e1f0fd)", + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": "var(--vkui--cloud_color_background_file_other_alpha--active, rgba(0, 16, 61, 0.13))", + "hover": "var(--vkui--cloud_color_background_file_other_alpha--hover, rgba(0, 16, 61, 0.09))", + "normal": "var(--vkui--cloud_color_background_file_other_alpha, rgba(0, 16, 61, .05))", + }, + "cloudColorBackgroundFilePresentation": { + "active": "var(--vkui--cloud_color_background_file_presentation--active, #E6D8DC)", + "hover": "var(--vkui--cloud_color_background_file_presentation--hover, #F0E0E3)", + "normal": "var(--vkui--cloud_color_background_file_presentation, #fae9ea)", + }, + "cloudColorBackgroundFileTable": { + "active": "var(--vkui--cloud_color_background_file_table--active, #CFE0E2)", + "hover": "var(--vkui--cloud_color_background_file_table--hover, #D8E9E9)", + "normal": "var(--vkui--cloud_color_background_file_table, #e1f2f0)", + }, + "cloudColorBackgroundPortal": { + "active": "var(--vkui--cloud_color_background_portal--active, #E2E5E9)", + "hover": "var(--vkui--cloud_color_background_portal--hover, #ECEEF1)", + "normal": "var(--vkui--cloud_color_background_portal, #f6f7f8)", + }, + "cloudColorBackgroundProfileAccess": { + "active": "var(--vkui--cloud_color_background_profile_access--active, #B3DBAA)", + "hover": "var(--vkui--cloud_color_background_profile_access--hover, #BBE4AE)", + "normal": "var(--vkui--cloud_color_background_profile_access, #c3edb3)", + }, + "cloudColorBackgroundProfileMail": { + "active": "var(--vkui--cloud_color_background_profile_mail--active, #A9D0EF)", + "hover": "var(--vkui--cloud_color_background_profile_mail--hover, #B1D9F7)", + "normal": "var(--vkui--cloud_color_background_profile_mail, #b8e1ff)", + }, + "cloudColorBackgroundProfileSettings": { + "active": "var(--vkui--cloud_color_background_profile_settings--active, #A2E0CA)", + "hover": "var(--vkui--cloud_color_background_profile_settings--hover, #A9E9D0)", + "normal": "var(--vkui--cloud_color_background_profile_settings, #b0f2d6)", + }, + "cloudColorBackgroundProfileTariff": { + "active": "var(--vkui--cloud_color_background_profile_tariff--active, #EABBCA)", + "hover": "var(--vkui--cloud_color_background_profile_tariff--hover, #F4C3D0)", + "normal": "var(--vkui--cloud_color_background_profile_tariff, #fecad6)", + }, + "cloudColorBackgroundProfileTrash": { + "active": "var(--vkui--cloud_color_background_profile_trash--active, #C9CCD3)", + "hover": "var(--vkui--cloud_color_background_profile_trash--hover, #D1D4D9)", + "normal": "var(--vkui--cloud_color_background_profile_trash, #dadce0)", + }, + "cloudColorBackgroundProfileUploading": { + "active": "var(--vkui--cloud_color_background_profile_uploading--active, #E9CD9F)", + "hover": "var(--vkui--cloud_color_background_profile_uploading--hover, #F3D5A4)", + "normal": "var(--vkui--cloud_color_background_profile_uploading, #fddda8)", + }, + "cloudColorBlueAccentThemed": { + "active": "var(--vkui--cloud_color_blue_accent_themed--active, #1A4074)", + "hover": "var(--vkui--cloud_color_blue_accent_themed--hover, #1B4277)", + "normal": "var(--vkui--cloud_color_blue_accent_themed, #1c4479)", + }, + "cloudColorGreenAccentThemed": { + "active": "var(--vkui--cloud_color_green_accent_themed--active, #077369)", + "hover": "var(--vkui--cloud_color_green_accent_themed--hover, #08786B)", + "normal": "var(--vkui--cloud_color_green_accent_themed, #087c6d)", + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": "var(--vkui--cloud_color_header_icon_background_alpha--active, rgba(71, 71, 71, 0.14))", + "hover": "var(--vkui--cloud_color_header_icon_background_alpha--hover, rgba(71, 71, 71, 0.1))", + "normal": "var(--vkui--cloud_color_header_icon_background_alpha, rgba(71, 71, 71, .06))", + }, + "cloudColorHeaderSearchBackground": { + "active": "var(--vkui--cloud_color_header_search_background--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_header_search_background--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_header_search_background, #ffffff)", + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": "var(--vkui--cloud_color_header_search_background_collapsed--active, #DDDFE4)", + "hover": "var(--vkui--cloud_color_header_search_background_collapsed--hover, #E6E8EC)", + "normal": "var(--vkui--cloud_color_header_search_background_collapsed, #f0f1f3)", + }, + "cloudColorIconAccentAlternative": { + "active": "var(--vkui--cloud_color_icon_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--cloud_color_icon_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--cloud_color_icon_accent_alternative, #ff9e00)", + }, + "cloudColorIconFileDocumentInvariably": { + "active": "var(--vkui--cloud_color_icon_file_document_invariably--active, #0181E4)", + "hover": "var(--vkui--cloud_color_icon_file_document_invariably--hover, #0186EB)", + "normal": "var(--vkui--cloud_color_icon_file_document_invariably, #018bf2)", + }, + "cloudColorIconFilePresentationInvariably": { + "active": "var(--vkui--cloud_color_icon_file_presentation_invariably--active, #C9474D)", + "hover": "var(--vkui--cloud_color_icon_file_presentation_invariably--hover, #D14A4D)", + "normal": "var(--vkui--cloud_color_icon_file_presentation_invariably, #da4c4e)", + }, + "cloudColorIconFileTableInvariably": { + "active": "var(--vkui--cloud_color_icon_file_table_invariably--active, #018C7E)", + "hover": "var(--vkui--cloud_color_icon_file_table_invariably--hover, #019281)", + "normal": "var(--vkui--cloud_color_icon_file_table_invariably, #019784)", + }, + "cloudColorIconFinance": { + "active": "var(--vkui--cloud_color_icon_finance--active, #21B87B)", + "hover": "var(--vkui--cloud_color_icon_finance--hover, #23C07D)", + "normal": "var(--vkui--cloud_color_icon_finance, #24c780)", + }, + "cloudColorIconFinanceThemed": { + "active": "var(--vkui--cloud_color_icon_finance_themed--active, rgba(36, 199, 128, 0.28))", + "hover": "var(--vkui--cloud_color_icon_finance_themed--hover, rgba(36, 199, 128, 0.24))", + "normal": "var(--vkui--cloud_color_icon_finance_themed, rgba(36, 199, 128, .2))", + }, + "cloudColorIconFolder": { + "active": "var(--vkui--cloud_color_icon_folder--active, #EACD65)", + "hover": "var(--vkui--cloud_color_icon_folder--hover, #F4D567)", + "normal": "var(--vkui--cloud_color_icon_folder, #fedd69)", + }, + "cloudColorIconIDCard": { + "active": "var(--vkui--cloud_color_icon_i_d_card--active, #006FEF)", + "hover": "var(--vkui--cloud_color_icon_i_d_card--hover, #0073F7)", + "normal": "var(--vkui--cloud_color_icon_i_d_card, #0077ff)", + }, + "cloudColorIconIDCardThemedAlpha": { + "active": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "hover": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "normal": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha, rgba(0, 95, 249, .2))", + }, + "cloudColorIconOfficial": { + "active": "var(--vkui--cloud_color_icon_official--active, #D9434E)", + "hover": "var(--vkui--cloud_color_icon_official--hover, #E3454F)", + "normal": "var(--vkui--cloud_color_icon_official, #ec4750)", + }, + "cloudColorIconOfficialThemedAlpha": { + "active": "var(--vkui--cloud_color_icon_official_themed_alpha--active, rgba(236, 71, 80, 0.28))", + "hover": "var(--vkui--cloud_color_icon_official_themed_alpha--hover, rgba(236, 71, 80, 0.24))", + "normal": "var(--vkui--cloud_color_icon_official_themed_alpha, rgba(236, 71, 80, .2))", + }, + "cloudColorIconProfileAccess": { + "active": "var(--vkui--cloud_color_icon_profile_access--active, #017D45)", + "hover": "var(--vkui--cloud_color_icon_profile_access--hover, #018146)", + "normal": "var(--vkui--cloud_color_icon_profile_access, #018646)", + }, + "cloudColorIconProfileMail": { + "active": "var(--vkui--cloud_color_icon_profile_mail--active, #006FEF)", + "hover": "var(--vkui--cloud_color_icon_profile_mail--hover, #0073F7)", + "normal": "var(--vkui--cloud_color_icon_profile_mail, #0077ff)", + }, + "cloudColorIconProfileSettings": { + "active": "var(--vkui--cloud_color_icon_profile_settings--active, #00796E)", + "hover": "var(--vkui--cloud_color_icon_profile_settings--hover, #007D70)", + "normal": "var(--vkui--cloud_color_icon_profile_settings, #008272)", + }, + "cloudColorIconProfileTariff": { + "active": "var(--vkui--cloud_color_icon_profile_tariff--active, #EB367F)", + "hover": "var(--vkui--cloud_color_icon_profile_tariff--hover, #F53782)", + "normal": "var(--vkui--cloud_color_icon_profile_tariff, #ff3985)", + }, + "cloudColorIconProfileTrash": { + "active": "var(--vkui--cloud_color_icon_profile_trash--active, #5D5E64)", + "hover": "var(--vkui--cloud_color_icon_profile_trash--hover, #616265)", + "normal": "var(--vkui--cloud_color_icon_profile_trash, #656567)", + }, + "cloudColorIconProfileUploading": { + "active": "var(--vkui--cloud_color_icon_profile_uploading--active, #AD5405)", + "hover": "var(--vkui--cloud_color_icon_profile_uploading--hover, #B45702)", + "normal": "var(--vkui--cloud_color_icon_profile_uploading, #bc5a00)", + }, + "cloudColorIconRating": { + "active": "var(--vkui--cloud_color_icon_rating--active, #EBC405)", + "hover": "var(--vkui--cloud_color_icon_rating--hover, #F5CC02)", + "normal": "var(--vkui--cloud_color_icon_rating, #ffd400)", + }, + "cloudColorIconTransport": { + "active": "var(--vkui--cloud_color_icon_transport--active, #A075DE)", + "hover": "var(--vkui--cloud_color_icon_transport--hover, #A77AE5)", + "normal": "var(--vkui--cloud_color_icon_transport, #ae7eec)", + }, + "cloudColorIconTransportThemed": { + "active": "var(--vkui--cloud_color_icon_transport_themed--active, rgba(174, 126, 236, 0.28))", + "hover": "var(--vkui--cloud_color_icon_transport_themed--hover, rgba(174, 126, 236, 0.24))", + "normal": "var(--vkui--cloud_color_icon_transport_themed, rgba(174, 126, 236, .2))", + }, + "cloudColorLandingBackground": { + "active": "var(--vkui--cloud_color_landing_background--active, #E0E1E6)", + "hover": "var(--vkui--cloud_color_landing_background--hover, #E9EAEE)", + "normal": "var(--vkui--cloud_color_landing_background, #f3f3f5)", + }, + "cloudColorLandingButtonBackground": { + "active": "var(--vkui--cloud_color_landing_button_background--active, #D8E0EF)", + "hover": "var(--vkui--cloud_color_landing_button_background--hover, #E2E9F7)", + "normal": "var(--vkui--cloud_color_landing_button_background, #ebf2ff)", + }, + "cloudColorLandingControlPrimaryBackground": { + "active": "var(--vkui--cloud_color_landing_control_primary_background--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_landing_control_primary_background--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_landing_control_primary_background, #ffffff)", + }, + "cloudColorLandingControlSecondaryBackground": { + "active": "var(--vkui--cloud_color_landing_control_secondary_background--active, #D5D7DE)", + "hover": "var(--vkui--cloud_color_landing_control_secondary_background--hover, #DEDFE5)", + "normal": "var(--vkui--cloud_color_landing_control_secondary_background, #e7e8ec)", + }, + "cloudColorLandingLabelBackground": { + "active": "var(--vkui--cloud_color_landing_label_background--active, #C8D5EC)", + "hover": "var(--vkui--cloud_color_landing_label_background--hover, #D0DDF3)", + "normal": "var(--vkui--cloud_color_landing_label_background, #d9e6fb)", + }, + "cloudColorLandingLabelInverseBackground": { + "active": "var(--vkui--cloud_color_landing_label_inverse_background--active, #282B2F)", + "hover": "var(--vkui--cloud_color_landing_label_inverse_background--hover, #2A2C2F)", + "normal": "var(--vkui--cloud_color_landing_label_inverse_background, #2c2d2e)", + }, + "cloudColorLandingMediumBackground": { + "active": "var(--vkui--cloud_color_landing_medium_background--active, #E2E5E9)", + "hover": "var(--vkui--cloud_color_landing_medium_background--hover, #ECEEF1)", + "normal": "var(--vkui--cloud_color_landing_medium_background, #f6f7f8)", + }, + "cloudColorLandingSecondaryBackground": { + "active": "var(--vkui--cloud_color_landing_secondary_background--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_landing_secondary_background--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_landing_secondary_background, #ffffff)", + }, + "cloudColorLandingStrokeTariff": { + "active": "var(--vkui--cloud_color_landing_stroke_tariff--active, #218FED)", + "hover": "var(--vkui--cloud_color_landing_stroke_tariff--hover, #2394F4)", + "normal": "var(--vkui--cloud_color_landing_stroke_tariff, #249afc)", + }, + "cloudColorLandingTertiaryBackground": { + "active": "var(--vkui--cloud_color_landing_tertiary_background--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_landing_tertiary_background--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_landing_tertiary_background, #ffffff)", + }, + "cloudColorOrangeAccentThemed": { + "active": "var(--vkui--cloud_color_orange_accent_themed--active, #6E432C)", + "hover": "var(--vkui--cloud_color_orange_accent_themed--hover, #73452B)", + "normal": "var(--vkui--cloud_color_orange_accent_themed, #78472a)", + }, + "cloudColorOverlayBackground": { + "active": "var(--vkui--cloud_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--cloud_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--cloud_color_overlay_background, transparent)", + }, + "cloudColorPurpleAccentThemed": { + "active": "var(--vkui--cloud_color_purple_accent_themed--active, #6A4C97)", + "hover": "var(--vkui--cloud_color_purple_accent_themed--hover, #6E4E9B)", + "normal": "var(--vkui--cloud_color_purple_accent_themed, #73519f)", + }, + "cloudColorScrollIndicatorAlpha": { + "active": "var(--vkui--cloud_color_scroll_indicator_alpha--active, rgba(104, 106, 113, 0.73))", + "hover": "var(--vkui--cloud_color_scroll_indicator_alpha--hover, rgba(104, 106, 113, 0.6900000000000001))", + "normal": "var(--vkui--cloud_color_scroll_indicator_alpha, rgba(104, 106, 113, .65))", + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": "var(--vkui--cloud_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--cloud_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--cloud_color_sidebar_item_background_alpha, transparent)", + }, + "cloudColorSidebarItemText": { + "active": "var(--vkui--cloud_color_sidebar_item_text--active, #2F3034)", + "hover": "var(--vkui--cloud_color_sidebar_item_text--hover, #313233)", + "normal": "var(--vkui--cloud_color_sidebar_item_text, #333333)", + }, + "cloudColorSidebarItemTextPrimary": { + "active": "var(--vkui--cloud_color_sidebar_item_text_primary--active, #282B2F)", + "hover": "var(--vkui--cloud_color_sidebar_item_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--cloud_color_sidebar_item_text_primary, #2C2D2E)", + }, + "cloudColorSidebarItemTextSecondary": { + "active": "var(--vkui--cloud_color_sidebar_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--cloud_color_sidebar_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--cloud_color_sidebar_item_text_secondary, #87898F)", + }, + "cloudColorSubscriptionButtonBackground": { + "active": "var(--vkui--cloud_color_subscription_button_background--active, #006FEF)", + "hover": "var(--vkui--cloud_color_subscription_button_background--hover, #0073F7)", + "normal": "var(--vkui--cloud_color_subscription_button_background, #0077ff)", + }, + "cloudColorSweetblue": { + "active": "var(--vkui--cloud_color_sweetblue--active, #CBD8EF)", + "hover": "var(--vkui--cloud_color_sweetblue--hover, #D4E0F7)", + "normal": "var(--vkui--cloud_color_sweetblue, #dde9ff)", + }, + "cloudColorSweetgreen": { + "active": "var(--vkui--cloud_color_sweetgreen--active, #BEDCD8)", + "hover": "var(--vkui--cloud_color_sweetgreen--hover, #C6E5DF)", + "normal": "var(--vkui--cloud_color_sweetgreen, #ceeee6)", + }, + "cloudColorSweetorange": { + "active": "var(--vkui--cloud_color_sweetorange--active, #E5C3B3)", + "hover": "var(--vkui--cloud_color_sweetorange--hover, #EFCBB8)", + "normal": "var(--vkui--cloud_color_sweetorange, #f9d3bd)", + }, + "cloudColorSweetpurple": { + "active": "var(--vkui--cloud_color_sweetpurple--active, #DFD7EF)", + "hover": "var(--vkui--cloud_color_sweetpurple--hover, #E8DFF7)", + "normal": "var(--vkui--cloud_color_sweetpurple, #f2e8ff)", + }, + "cloudColorTabbarBackgroundAlpha": { + "active": "var(--vkui--cloud_color_tabbar_background_alpha--active, rgba(255, 255, 255, 0.98))", + "hover": "var(--vkui--cloud_color_tabbar_background_alpha--hover, rgba(255, 255, 255, 0.9400000000000001))", + "normal": "var(--vkui--cloud_color_tabbar_background_alpha, rgba(255, 255, 255, .9))", + }, + "cloudColorTextAccentAlternative": { + "active": "var(--vkui--cloud_color_text_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--cloud_color_text_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--cloud_color_text_accent_alternative, #ff9e00)", + }, + "cloudColorTextContrastThemedAlpha": { + "active": "var(--vkui--cloud_color_text_contrast_themed_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--cloud_color_text_contrast_themed_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--cloud_color_text_contrast_themed_alpha, rgba(255, 255, 255, .6))", + }, + "cloudColorTextSecondaryAlpha": { + "active": "var(--vkui--cloud_color_text_secondary_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--cloud_color_text_secondary_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--cloud_color_text_secondary_alpha, rgba(255, 255, 255, .6))", + }, + "cloudColorTextSnackbarAccent": { + "active": "var(--vkui--cloud_color_text_snackbar_accent--active, #5D94EF)", + "hover": "var(--vkui--cloud_color_text_snackbar_accent--hover, #619AF7)", + "normal": "var(--vkui--cloud_color_text_snackbar_accent, #65a0ff)", + }, + "cloudColorToolbarBackground": { + "active": "var(--vkui--cloud_color_toolbar_background--active, #EBECEF)", + "hover": "var(--vkui--cloud_color_toolbar_background--hover, #F5F5F7)", + "normal": "var(--vkui--cloud_color_toolbar_background, #ffffff)", + }, + "cloudColorViewerBackground": { + "active": "var(--vkui--cloud_color_viewer_background--active, #000105)", + "hover": "var(--vkui--cloud_color_viewer_background--hover, #000102)", + "normal": "var(--vkui--cloud_color_viewer_background, #000000)", + }, "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -40530,9 +42470,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -40540,9 +42480,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -40555,9 +42495,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -40575,9 +42515,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -40585,14 +42525,14 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -40600,19 +42540,19 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -40660,24 +42600,24 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_negative, #E64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -40714,6 +42654,16 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -40760,19 +42710,19 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -40790,14 +42740,14 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -40825,9 +42775,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -40900,9 +42850,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", @@ -40955,14 +42905,14 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -40970,9 +42920,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -40985,14 +42935,14 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -41005,14 +42955,14 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -41030,9 +42980,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -41125,9 +43075,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -41145,11 +43095,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, none)", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, none)", - "elevation3": "var(--vkui--elevation3, 0px 4px 32px rgba(0, 16, 61, 0.32))", - "elevation4": "var(--vkui--elevation4, 0px 16px 48px rgba(0, 16, 61, 0.48))", + "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", "fontCaption1": { "compact": { "fontFamily": "var(--vkui--font_caption1--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", @@ -41966,15 +43916,375 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "cloudColorBackgroundAlternative": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#f3f3f5", + }, + "cloudColorBackgroundCTA": { + "active": "#E1E6EF", + "hover": "#EBF0F7", + "normal": "#f5f9ff", + }, + "cloudColorBackgroundContentAlternative": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorBackgroundDragAndDrop": { + "active": "#D8E0EF", + "hover": "#E2E9F7", + "normal": "#ebf2ff", + }, + "cloudColorBackgroundFastScroll": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorBackgroundFileDocument": { + "active": "#CFDEEE", + "hover": "#D8E7F5", + "normal": "#e1f0fd", + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": "rgba(0, 16, 61, 0.13)", + "hover": "rgba(0, 16, 61, 0.09)", + "normal": "rgba(0, 16, 61, .05)", + }, + "cloudColorBackgroundFilePresentation": { + "active": "#E6D8DC", + "hover": "#F0E0E3", + "normal": "#fae9ea", + }, + "cloudColorBackgroundFileTable": { + "active": "#CFE0E2", + "hover": "#D8E9E9", + "normal": "#e1f2f0", + }, + "cloudColorBackgroundPortal": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#f6f7f8", + }, + "cloudColorBackgroundProfileAccess": { + "active": "#B3DBAA", + "hover": "#BBE4AE", + "normal": "#c3edb3", + }, + "cloudColorBackgroundProfileMail": { + "active": "#A9D0EF", + "hover": "#B1D9F7", + "normal": "#b8e1ff", + }, + "cloudColorBackgroundProfileSettings": { + "active": "#A2E0CA", + "hover": "#A9E9D0", + "normal": "#b0f2d6", + }, + "cloudColorBackgroundProfileTariff": { + "active": "#EABBCA", + "hover": "#F4C3D0", + "normal": "#fecad6", + }, + "cloudColorBackgroundProfileTrash": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#dadce0", + }, + "cloudColorBackgroundProfileUploading": { + "active": "#E9CD9F", + "hover": "#F3D5A4", + "normal": "#fddda8", + }, + "cloudColorBlueAccentThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1c4479", + }, + "cloudColorGreenAccentThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087c6d", + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": "rgba(71, 71, 71, 0.14)", + "hover": "rgba(71, 71, 71, 0.1)", + "normal": "rgba(71, 71, 71, .06)", + }, + "cloudColorHeaderSearchBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "cloudColorIconAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "cloudColorIconFileDocumentInvariably": { + "active": "#0181E4", + "hover": "#0186EB", + "normal": "#018bf2", + }, + "cloudColorIconFilePresentationInvariably": { + "active": "#C9474D", + "hover": "#D14A4D", + "normal": "#da4c4e", + }, + "cloudColorIconFileTableInvariably": { + "active": "#018C7E", + "hover": "#019281", + "normal": "#019784", + }, + "cloudColorIconFinance": { + "active": "#21B87B", + "hover": "#23C07D", + "normal": "#24c780", + }, + "cloudColorIconFinanceThemed": { + "active": "rgba(36, 199, 128, 0.28)", + "hover": "rgba(36, 199, 128, 0.24)", + "normal": "rgba(36, 199, 128, .2)", + }, + "cloudColorIconFolder": { + "active": "#EACD65", + "hover": "#F4D567", + "normal": "#fedd69", + }, + "cloudColorIconIDCard": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "cloudColorIconIDCardThemedAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, .2)", + }, + "cloudColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#ec4750", + }, + "cloudColorIconOfficialThemedAlpha": { + "active": "rgba(236, 71, 80, 0.28)", + "hover": "rgba(236, 71, 80, 0.24)", + "normal": "rgba(236, 71, 80, .2)", + }, + "cloudColorIconProfileAccess": { + "active": "#017D45", + "hover": "#018146", + "normal": "#018646", + }, + "cloudColorIconProfileMail": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "cloudColorIconProfileSettings": { + "active": "#00796E", + "hover": "#007D70", + "normal": "#008272", + }, + "cloudColorIconProfileTariff": { + "active": "#EB367F", + "hover": "#F53782", + "normal": "#ff3985", + }, + "cloudColorIconProfileTrash": { + "active": "#5D5E64", + "hover": "#616265", + "normal": "#656567", + }, + "cloudColorIconProfileUploading": { + "active": "#AD5405", + "hover": "#B45702", + "normal": "#bc5a00", + }, + "cloudColorIconRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "cloudColorIconTransport": { + "active": "#A075DE", + "hover": "#A77AE5", + "normal": "#ae7eec", + }, + "cloudColorIconTransportThemed": { + "active": "rgba(174, 126, 236, 0.28)", + "hover": "rgba(174, 126, 236, 0.24)", + "normal": "rgba(174, 126, 236, .2)", + }, + "cloudColorLandingBackground": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#f3f3f5", + }, + "cloudColorLandingButtonBackground": { + "active": "#D8E0EF", + "hover": "#E2E9F7", + "normal": "#ebf2ff", + }, + "cloudColorLandingControlPrimaryBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorLandingControlSecondaryBackground": { + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#e7e8ec", + }, + "cloudColorLandingLabelBackground": { + "active": "#C8D5EC", + "hover": "#D0DDF3", + "normal": "#d9e6fb", + }, + "cloudColorLandingLabelInverseBackground": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "cloudColorLandingMediumBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#f6f7f8", + }, + "cloudColorLandingSecondaryBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorLandingStrokeTariff": { + "active": "#218FED", + "hover": "#2394F4", + "normal": "#249afc", + }, + "cloudColorLandingTertiaryBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorOrangeAccentThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472a", + }, + "cloudColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "cloudColorPurpleAccentThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519f", + }, + "cloudColorScrollIndicatorAlpha": { + "active": "rgba(104, 106, 113, 0.73)", + "hover": "rgba(104, 106, 113, 0.6900000000000001)", + "normal": "rgba(104, 106, 113, .65)", + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "transparent", + }, + "cloudColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "cloudColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "cloudColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "cloudColorSubscriptionButtonBackground": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "cloudColorSweetblue": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#dde9ff", + }, + "cloudColorSweetgreen": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#ceeee6", + }, + "cloudColorSweetorange": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#f9d3bd", + }, + "cloudColorSweetpurple": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#f2e8ff", + }, + "cloudColorTabbarBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.98)", + "hover": "rgba(255, 255, 255, 0.9400000000000001)", + "normal": "rgba(255, 255, 255, .9)", + }, + "cloudColorTextAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "cloudColorTextContrastThemedAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, .6)", + }, + "cloudColorTextSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, .6)", + }, + "cloudColorTextSnackbarAccent": { + "active": "#5D94EF", + "hover": "#619AF7", + "normal": "#65a0ff", + }, + "cloudColorToolbarBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "cloudColorViewerBackground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -42017,9 +44327,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -42027,9 +44337,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -42042,9 +44352,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -42062,9 +44372,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -42072,14 +44382,14 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -42087,19 +44397,19 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -42147,24 +44457,24 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -42201,6 +44511,16 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -42247,19 +44567,19 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -42277,14 +44597,14 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -42312,9 +44632,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -42387,9 +44707,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -42442,14 +44762,14 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -42457,9 +44777,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -42472,14 +44792,14 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -42492,14 +44812,14 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -42517,9 +44837,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -42612,9 +44932,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -42632,11 +44952,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "none", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "none", - "elevation3": "0px 4px 32px rgba(0, 16, 61, 0.32)", - "elevation4": "0px 16px 48px rgba(0, 16, 61, 0.48)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", @@ -43468,6 +45788,1014 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": { + "name": "--vkui--cloud_color_background--active", + "value": "var(--vkui--cloud_color_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--cloud_color_background--hover", + "value": "var(--vkui--cloud_color_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--cloud_color_background", + "value": "var(--vkui--cloud_color_background, #19191A)", + }, + }, + "cloudColorBackgroundAlternative": { + "active": { + "name": "--vkui--cloud_color_background_alternative--active", + "value": "var(--vkui--cloud_color_background_alternative--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--cloud_color_background_alternative--hover", + "value": "var(--vkui--cloud_color_background_alternative--hover, #222222)", + }, + "normal": { + "name": "--vkui--cloud_color_background_alternative", + "value": "var(--vkui--cloud_color_background_alternative, #191919)", + }, + }, + "cloudColorBackgroundCTA": { + "active": { + "name": "--vkui--cloud_color_background_c_t_a--active", + "value": "var(--vkui--cloud_color_background_c_t_a--active, #2D2F33)", + }, + "hover": { + "name": "--vkui--cloud_color_background_c_t_a--hover", + "value": "var(--vkui--cloud_color_background_c_t_a--hover, #24262A)", + }, + "normal": { + "name": "--vkui--cloud_color_background_c_t_a", + "value": "var(--vkui--cloud_color_background_c_t_a, #1b1d21)", + }, + }, + "cloudColorBackgroundContentAlternative": { + "active": { + "name": "--vkui--cloud_color_background_content_alternative--active", + "value": "var(--vkui--cloud_color_background_content_alternative--active, #3B3B3B)", + }, + "hover": { + "name": "--vkui--cloud_color_background_content_alternative--hover", + "value": "var(--vkui--cloud_color_background_content_alternative--hover, #333333)", + }, + "normal": { + "name": "--vkui--cloud_color_background_content_alternative", + "value": "var(--vkui--cloud_color_background_content_alternative, #2a2a2a)", + }, + }, + "cloudColorBackgroundDragAndDrop": { + "active": { + "name": "--vkui--cloud_color_background_drag_and_drop--active", + "value": "var(--vkui--cloud_color_background_drag_and_drop--active, #141F30)", + }, + "hover": { + "name": "--vkui--cloud_color_background_drag_and_drop--hover", + "value": "var(--vkui--cloud_color_background_drag_and_drop--hover, #0A1527)", + }, + "normal": { + "name": "--vkui--cloud_color_background_drag_and_drop", + "value": "var(--vkui--cloud_color_background_drag_and_drop, #000b1e)", + }, + }, + "cloudColorBackgroundFastScroll": { + "active": { + "name": "--vkui--cloud_color_background_fast_scroll--active", + "value": "var(--vkui--cloud_color_background_fast_scroll--active, #49494C)", + }, + "hover": { + "name": "--vkui--cloud_color_background_fast_scroll--hover", + "value": "var(--vkui--cloud_color_background_fast_scroll--hover, #414144)", + }, + "normal": { + "name": "--vkui--cloud_color_background_fast_scroll", + "value": "var(--vkui--cloud_color_background_fast_scroll, #39393c)", + }, + }, + "cloudColorBackgroundFileDocument": { + "active": { + "name": "--vkui--cloud_color_background_file_document--active", + "value": "var(--vkui--cloud_color_background_file_document--active, #454545)", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_document--hover", + "value": "var(--vkui--cloud_color_background_file_document--hover, #3D3D3D)", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_document", + "value": "var(--vkui--cloud_color_background_file_document, #353535)", + }, + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": { + "name": "--vkui--cloud_color_background_file_other_alpha--active", + "value": "var(--vkui--cloud_color_background_file_other_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_other_alpha--hover", + "value": "var(--vkui--cloud_color_background_file_other_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_other_alpha", + "value": "var(--vkui--cloud_color_background_file_other_alpha, rgba(255, 255, 255, .08))", + }, + }, + "cloudColorBackgroundFilePresentation": { + "active": { + "name": "--vkui--cloud_color_background_file_presentation--active", + "value": "var(--vkui--cloud_color_background_file_presentation--active, #454545)", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_presentation--hover", + "value": "var(--vkui--cloud_color_background_file_presentation--hover, #3D3D3D)", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_presentation", + "value": "var(--vkui--cloud_color_background_file_presentation, #353535)", + }, + }, + "cloudColorBackgroundFileTable": { + "active": { + "name": "--vkui--cloud_color_background_file_table--active", + "value": "var(--vkui--cloud_color_background_file_table--active, #454545)", + }, + "hover": { + "name": "--vkui--cloud_color_background_file_table--hover", + "value": "var(--vkui--cloud_color_background_file_table--hover, #3D3D3D)", + }, + "normal": { + "name": "--vkui--cloud_color_background_file_table", + "value": "var(--vkui--cloud_color_background_file_table, #353535)", + }, + }, + "cloudColorBackgroundPortal": { + "active": { + "name": "--vkui--cloud_color_background_portal--active", + "value": "var(--vkui--cloud_color_background_portal--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--cloud_color_background_portal--hover", + "value": "var(--vkui--cloud_color_background_portal--hover, #222223)", + }, + "normal": { + "name": "--vkui--cloud_color_background_portal", + "value": "var(--vkui--cloud_color_background_portal, #19191a)", + }, + }, + "cloudColorBackgroundProfileAccess": { + "active": { + "name": "--vkui--cloud_color_background_profile_access--active", + "value": "var(--vkui--cloud_color_background_profile_access--active, #455A3D)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_access--hover", + "value": "var(--vkui--cloud_color_background_profile_access--hover, #3D5334)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_access", + "value": "var(--vkui--cloud_color_background_profile_access, #354c2c)", + }, + }, + "cloudColorBackgroundProfileMail": { + "active": { + "name": "--vkui--cloud_color_background_profile_mail--active", + "value": "var(--vkui--cloud_color_background_profile_mail--active, #384D5C)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_mail--hover", + "value": "var(--vkui--cloud_color_background_profile_mail--hover, #304555)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_mail", + "value": "var(--vkui--cloud_color_background_profile_mail, #273d4e)", + }, + }, + "cloudColorBackgroundProfileSettings": { + "active": { + "name": "--vkui--cloud_color_background_profile_settings--active", + "value": "var(--vkui--cloud_color_background_profile_settings--active, #41534B)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_settings--hover", + "value": "var(--vkui--cloud_color_background_profile_settings--hover, #384B43)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_settings", + "value": "var(--vkui--cloud_color_background_profile_settings, #30443b)", + }, + }, + "cloudColorBackgroundProfileTariff": { + "active": { + "name": "--vkui--cloud_color_background_profile_tariff--active", + "value": "var(--vkui--cloud_color_background_profile_tariff--active, #64494F)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_tariff--hover", + "value": "var(--vkui--cloud_color_background_profile_tariff--hover, #5D4148)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_tariff", + "value": "var(--vkui--cloud_color_background_profile_tariff, #563940)", + }, + }, + "cloudColorBackgroundProfileTrash": { + "active": { + "name": "--vkui--cloud_color_background_profile_trash--active", + "value": "var(--vkui--cloud_color_background_profile_trash--active, #505255)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_trash--hover", + "value": "var(--vkui--cloud_color_background_profile_trash--hover, #494B4D)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_trash", + "value": "var(--vkui--cloud_color_background_profile_trash, #414346)", + }, + }, + "cloudColorBackgroundProfileUploading": { + "active": { + "name": "--vkui--cloud_color_background_profile_uploading--active", + "value": "var(--vkui--cloud_color_background_profile_uploading--active, #605139)", + }, + "hover": { + "name": "--vkui--cloud_color_background_profile_uploading--hover", + "value": "var(--vkui--cloud_color_background_profile_uploading--hover, #594A31)", + }, + "normal": { + "name": "--vkui--cloud_color_background_profile_uploading", + "value": "var(--vkui--cloud_color_background_profile_uploading, #524228)", + }, + }, + "cloudColorBlueAccentThemed": { + "active": { + "name": "--vkui--cloud_color_blue_accent_themed--active", + "value": "var(--vkui--cloud_color_blue_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--cloud_color_blue_accent_themed--hover", + "value": "var(--vkui--cloud_color_blue_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--cloud_color_blue_accent_themed", + "value": "var(--vkui--cloud_color_blue_accent_themed, #FFFFFF)", + }, + }, + "cloudColorGreenAccentThemed": { + "active": { + "name": "--vkui--cloud_color_green_accent_themed--active", + "value": "var(--vkui--cloud_color_green_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--cloud_color_green_accent_themed--hover", + "value": "var(--vkui--cloud_color_green_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--cloud_color_green_accent_themed", + "value": "var(--vkui--cloud_color_green_accent_themed, #FFFFFF)", + }, + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": { + "name": "--vkui--cloud_color_header_icon_background_alpha--active", + "value": "var(--vkui--cloud_color_header_icon_background_alpha--active, rgba(180, 180, 180, 0.24))", + }, + "hover": { + "name": "--vkui--cloud_color_header_icon_background_alpha--hover", + "value": "var(--vkui--cloud_color_header_icon_background_alpha--hover, rgba(180, 180, 180, 0.2))", + }, + "normal": { + "name": "--vkui--cloud_color_header_icon_background_alpha", + "value": "var(--vkui--cloud_color_header_icon_background_alpha, rgba(180, 180, 180, .16))", + }, + }, + "cloudColorHeaderSearchBackground": { + "active": { + "name": "--vkui--cloud_color_header_search_background--active", + "value": "var(--vkui--cloud_color_header_search_background--active, #414141)", + }, + "hover": { + "name": "--vkui--cloud_color_header_search_background--hover", + "value": "var(--vkui--cloud_color_header_search_background--hover, #383838)", + }, + "normal": { + "name": "--vkui--cloud_color_header_search_background", + "value": "var(--vkui--cloud_color_header_search_background, #303030)", + }, + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": { + "name": "--vkui--cloud_color_header_search_background_collapsed--active", + "value": "var(--vkui--cloud_color_header_search_background_collapsed--active, #414141)", + }, + "hover": { + "name": "--vkui--cloud_color_header_search_background_collapsed--hover", + "value": "var(--vkui--cloud_color_header_search_background_collapsed--hover, #383838)", + }, + "normal": { + "name": "--vkui--cloud_color_header_search_background_collapsed", + "value": "var(--vkui--cloud_color_header_search_background_collapsed, #303030)", + }, + }, + "cloudColorIconAccentAlternative": { + "active": { + "name": "--vkui--cloud_color_icon_accent_alternative--active", + "value": "var(--vkui--cloud_color_icon_accent_alternative--active, #FFA614)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_accent_alternative--hover", + "value": "var(--vkui--cloud_color_icon_accent_alternative--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_accent_alternative", + "value": "var(--vkui--cloud_color_icon_accent_alternative, #ff9e00)", + }, + }, + "cloudColorIconFileDocumentInvariably": { + "active": { + "name": "--vkui--cloud_color_icon_file_document_invariably--active", + "value": "var(--vkui--cloud_color_icon_file_document_invariably--active, #1594F3)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_file_document_invariably--hover", + "value": "var(--vkui--cloud_color_icon_file_document_invariably--hover, #0B90F3)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_file_document_invariably", + "value": "var(--vkui--cloud_color_icon_file_document_invariably, #018bf2)", + }, + }, + "cloudColorIconFilePresentationInvariably": { + "active": { + "name": "--vkui--cloud_color_icon_file_presentation_invariably--active", + "value": "var(--vkui--cloud_color_icon_file_presentation_invariably--active, #DD5A5C)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_file_presentation_invariably--hover", + "value": "var(--vkui--cloud_color_icon_file_presentation_invariably--hover, #DB5355)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_file_presentation_invariably", + "value": "var(--vkui--cloud_color_icon_file_presentation_invariably, #da4c4e)", + }, + }, + "cloudColorIconFileTableInvariably": { + "active": { + "name": "--vkui--cloud_color_icon_file_table_invariably--active", + "value": "var(--vkui--cloud_color_icon_file_table_invariably--active, #159F8E)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_file_table_invariably--hover", + "value": "var(--vkui--cloud_color_icon_file_table_invariably--hover, #0B9B89)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_file_table_invariably", + "value": "var(--vkui--cloud_color_icon_file_table_invariably, #019784)", + }, + }, + "cloudColorIconFinance": { + "active": { + "name": "--vkui--cloud_color_icon_finance--active", + "value": "var(--vkui--cloud_color_icon_finance--active, #36CB8A)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_finance--hover", + "value": "var(--vkui--cloud_color_icon_finance--hover, #2DC985)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_finance", + "value": "var(--vkui--cloud_color_icon_finance, #24c780)", + }, + }, + "cloudColorIconFinanceThemed": { + "active": { + "name": "--vkui--cloud_color_icon_finance_themed--active", + "value": "var(--vkui--cloud_color_icon_finance_themed--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_finance_themed--hover", + "value": "var(--vkui--cloud_color_icon_finance_themed--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_finance_themed", + "value": "var(--vkui--cloud_color_icon_finance_themed, rgba(255, 255, 255, .08))", + }, + }, + "cloudColorIconFolder": { + "active": { + "name": "--vkui--cloud_color_icon_folder--active", + "value": "var(--vkui--cloud_color_icon_folder--active, #FEE075)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_folder--hover", + "value": "var(--vkui--cloud_color_icon_folder--hover, #FEDE6F)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_folder", + "value": "var(--vkui--cloud_color_icon_folder, #fedd69)", + }, + }, + "cloudColorIconIDCard": { + "active": { + "name": "--vkui--cloud_color_icon_i_d_card--active", + "value": "var(--vkui--cloud_color_icon_i_d_card--active, #2D8FFF)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_i_d_card--hover", + "value": "var(--vkui--cloud_color_icon_i_d_card--hover, #248AFF)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_i_d_card", + "value": "var(--vkui--cloud_color_icon_i_d_card, #1b85ff)", + }, + }, + "cloudColorIconIDCardThemedAlpha": { + "active": { + "name": "--vkui--cloud_color_icon_i_d_card_themed_alpha--active", + "value": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_i_d_card_themed_alpha--hover", + "value": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_i_d_card_themed_alpha", + "value": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha, rgba(255, 255, 255, .08))", + }, + }, + "cloudColorIconOfficial": { + "active": { + "name": "--vkui--cloud_color_icon_official--active", + "value": "var(--vkui--cloud_color_icon_official--active, #EE565E)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_official--hover", + "value": "var(--vkui--cloud_color_icon_official--hover, #ED4E57)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_official", + "value": "var(--vkui--cloud_color_icon_official, #ec4750)", + }, + }, + "cloudColorIconOfficialThemedAlpha": { + "active": { + "name": "--vkui--cloud_color_icon_official_themed_alpha--active", + "value": "var(--vkui--cloud_color_icon_official_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_official_themed_alpha--hover", + "value": "var(--vkui--cloud_color_icon_official_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_official_themed_alpha", + "value": "var(--vkui--cloud_color_icon_official_themed_alpha, rgba(255, 255, 255, .08))", + }, + }, + "cloudColorIconProfileAccess": { + "active": { + "name": "--vkui--cloud_color_icon_profile_access--active", + "value": "var(--vkui--cloud_color_icon_profile_access--active, #69C048)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_access--hover", + "value": "var(--vkui--cloud_color_icon_profile_access--hover, #63BD40)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_access", + "value": "var(--vkui--cloud_color_icon_profile_access, #5cba38)", + }, + }, + "cloudColorIconProfileMail": { + "active": { + "name": "--vkui--cloud_color_icon_profile_mail--active", + "value": "var(--vkui--cloud_color_icon_profile_mail--active, #2D8FFF)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_mail--hover", + "value": "var(--vkui--cloud_color_icon_profile_mail--hover, #248AFF)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_mail", + "value": "var(--vkui--cloud_color_icon_profile_mail, #1b85ff)", + }, + }, + "cloudColorIconProfileSettings": { + "active": { + "name": "--vkui--cloud_color_icon_profile_settings--active", + "value": "var(--vkui--cloud_color_icon_profile_settings--active, #1ACBB5)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_settings--hover", + "value": "var(--vkui--cloud_color_icon_profile_settings--hover, #10C9B2)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_settings", + "value": "var(--vkui--cloud_color_icon_profile_settings, #06c7af)", + }, + }, + "cloudColorIconProfileTariff": { + "active": { + "name": "--vkui--cloud_color_icon_profile_tariff--active", + "value": "var(--vkui--cloud_color_icon_profile_tariff--active, #FF68A2)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_tariff--hover", + "value": "var(--vkui--cloud_color_icon_profile_tariff--hover, #FF629E)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_tariff", + "value": "var(--vkui--cloud_color_icon_profile_tariff, #ff5b9a)", + }, + }, + "cloudColorIconProfileTrash": { + "active": { + "name": "--vkui--cloud_color_icon_profile_trash--active", + "value": "var(--vkui--cloud_color_icon_profile_trash--active, #CDCDCD)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_trash--hover", + "value": "var(--vkui--cloud_color_icon_profile_trash--hover, #CBCBCB)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_trash", + "value": "var(--vkui--cloud_color_icon_profile_trash, #c9c9c9)", + }, + }, + "cloudColorIconProfileUploading": { + "active": { + "name": "--vkui--cloud_color_icon_profile_uploading--active", + "value": "var(--vkui--cloud_color_icon_profile_uploading--active, #FFA614)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_profile_uploading--hover", + "value": "var(--vkui--cloud_color_icon_profile_uploading--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_profile_uploading", + "value": "var(--vkui--cloud_color_icon_profile_uploading, #ff9e00)", + }, + }, + "cloudColorIconRating": { + "active": { + "name": "--vkui--cloud_color_icon_rating--active", + "value": "var(--vkui--cloud_color_icon_rating--active, #FFD714)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_rating--hover", + "value": "var(--vkui--cloud_color_icon_rating--hover, #FFD60A)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_rating", + "value": "var(--vkui--cloud_color_icon_rating, #ffd400)", + }, + }, + "cloudColorIconTransport": { + "active": { + "name": "--vkui--cloud_color_icon_transport--active", + "value": "var(--vkui--cloud_color_icon_transport--active, #B488EE)", + }, + "hover": { + "name": "--vkui--cloud_color_icon_transport--hover", + "value": "var(--vkui--cloud_color_icon_transport--hover, #B183ED)", + }, + "normal": { + "name": "--vkui--cloud_color_icon_transport", + "value": "var(--vkui--cloud_color_icon_transport, #ae7eec)", + }, + }, + "cloudColorIconTransportThemed": { + "active": { + "name": "--vkui--cloud_color_icon_transport_themed--active", + "value": "var(--vkui--cloud_color_icon_transport_themed--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--cloud_color_icon_transport_themed--hover", + "value": "var(--vkui--cloud_color_icon_transport_themed--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--cloud_color_icon_transport_themed", + "value": "var(--vkui--cloud_color_icon_transport_themed, rgba(255, 255, 255, .08))", + }, + }, + "cloudColorLandingBackground": { + "active": { + "name": "--vkui--cloud_color_landing_background--active", + "value": "var(--vkui--cloud_color_landing_background--active, #141414)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_background--hover", + "value": "var(--vkui--cloud_color_landing_background--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_background", + "value": "var(--vkui--cloud_color_landing_background, #000000)", + }, + }, + "cloudColorLandingButtonBackground": { + "active": { + "name": "--vkui--cloud_color_landing_button_background--active", + "value": "var(--vkui--cloud_color_landing_button_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_button_background--hover", + "value": "var(--vkui--cloud_color_landing_button_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_button_background", + "value": "var(--vkui--cloud_color_landing_button_background, #191919)", + }, + }, + "cloudColorLandingControlPrimaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_control_primary_background--active", + "value": "var(--vkui--cloud_color_landing_control_primary_background--active, #4B4B4B)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_control_primary_background--hover", + "value": "var(--vkui--cloud_color_landing_control_primary_background--hover, #434343)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_control_primary_background", + "value": "var(--vkui--cloud_color_landing_control_primary_background, #3b3b3b)", + }, + }, + "cloudColorLandingControlSecondaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_control_secondary_background--active", + "value": "var(--vkui--cloud_color_landing_control_secondary_background--active, #373738)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_control_secondary_background--hover", + "value": "var(--vkui--cloud_color_landing_control_secondary_background--hover, #2F2F30)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_control_secondary_background", + "value": "var(--vkui--cloud_color_landing_control_secondary_background, #262627)", + }, + }, + "cloudColorLandingLabelBackground": { + "active": { + "name": "--vkui--cloud_color_landing_label_background--active", + "value": "var(--vkui--cloud_color_landing_label_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_label_background--hover", + "value": "var(--vkui--cloud_color_landing_label_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_label_background", + "value": "var(--vkui--cloud_color_landing_label_background, #191919)", + }, + }, + "cloudColorLandingLabelInverseBackground": { + "active": { + "name": "--vkui--cloud_color_landing_label_inverse_background--active", + "value": "var(--vkui--cloud_color_landing_label_inverse_background--active, #3880FC)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_label_inverse_background--hover", + "value": "var(--vkui--cloud_color_landing_label_inverse_background--hover, #307BFC)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_label_inverse_background", + "value": "var(--vkui--cloud_color_landing_label_inverse_background, #2775fc)", + }, + }, + "cloudColorLandingMediumBackground": { + "active": { + "name": "--vkui--cloud_color_landing_medium_background--active", + "value": "var(--vkui--cloud_color_landing_medium_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_medium_background--hover", + "value": "var(--vkui--cloud_color_landing_medium_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_medium_background", + "value": "var(--vkui--cloud_color_landing_medium_background, #19191a)", + }, + }, + "cloudColorLandingSecondaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_secondary_background--active", + "value": "var(--vkui--cloud_color_landing_secondary_background--active, #414141)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_secondary_background--hover", + "value": "var(--vkui--cloud_color_landing_secondary_background--hover, #383838)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_secondary_background", + "value": "var(--vkui--cloud_color_landing_secondary_background, #303030)", + }, + }, + "cloudColorLandingStrokeTariff": { + "active": { + "name": "--vkui--cloud_color_landing_stroke_tariff--active", + "value": "var(--vkui--cloud_color_landing_stroke_tariff--active, #36A2FC)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_stroke_tariff--hover", + "value": "var(--vkui--cloud_color_landing_stroke_tariff--hover, #2D9EFC)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_stroke_tariff", + "value": "var(--vkui--cloud_color_landing_stroke_tariff, #249afc)", + }, + }, + "cloudColorLandingTertiaryBackground": { + "active": { + "name": "--vkui--cloud_color_landing_tertiary_background--active", + "value": "var(--vkui--cloud_color_landing_tertiary_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--cloud_color_landing_tertiary_background--hover", + "value": "var(--vkui--cloud_color_landing_tertiary_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--cloud_color_landing_tertiary_background", + "value": "var(--vkui--cloud_color_landing_tertiary_background, #191919)", + }, + }, + "cloudColorOrangeAccentThemed": { + "active": { + "name": "--vkui--cloud_color_orange_accent_themed--active", + "value": "var(--vkui--cloud_color_orange_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--cloud_color_orange_accent_themed--hover", + "value": "var(--vkui--cloud_color_orange_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--cloud_color_orange_accent_themed", + "value": "var(--vkui--cloud_color_orange_accent_themed, #FFFFFF)", + }, + }, + "cloudColorOverlayBackground": { + "active": { + "name": "--vkui--cloud_color_overlay_background--active", + "value": "var(--vkui--cloud_color_overlay_background--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--cloud_color_overlay_background--hover", + "value": "var(--vkui--cloud_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--cloud_color_overlay_background", + "value": "var(--vkui--cloud_color_overlay_background, transparent)", + }, + }, + "cloudColorPurpleAccentThemed": { + "active": { + "name": "--vkui--cloud_color_purple_accent_themed--active", + "value": "var(--vkui--cloud_color_purple_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--cloud_color_purple_accent_themed--hover", + "value": "var(--vkui--cloud_color_purple_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--cloud_color_purple_accent_themed", + "value": "var(--vkui--cloud_color_purple_accent_themed, #FFFFFF)", + }, + }, + "cloudColorScrollIndicatorAlpha": { + "active": { + "name": "--vkui--cloud_color_scroll_indicator_alpha--active", + "value": "var(--vkui--cloud_color_scroll_indicator_alpha--active, rgba(255, 255, 255, 0.36))", + }, + "hover": { + "name": "--vkui--cloud_color_scroll_indicator_alpha--hover", + "value": "var(--vkui--cloud_color_scroll_indicator_alpha--hover, rgba(255, 255, 255, 0.32))", + }, + "normal": { + "name": "--vkui--cloud_color_scroll_indicator_alpha", + "value": "var(--vkui--cloud_color_scroll_indicator_alpha, rgba(255, 255, 255, .28))", + }, + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_background_alpha--active", + "value": "var(--vkui--cloud_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_background_alpha--hover", + "value": "var(--vkui--cloud_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_background_alpha", + "value": "var(--vkui--cloud_color_sidebar_item_background_alpha, transparent)", + }, + }, + "cloudColorSidebarItemText": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_text--active", + "value": "var(--vkui--cloud_color_sidebar_item_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_text--hover", + "value": "var(--vkui--cloud_color_sidebar_item_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_text", + "value": "var(--vkui--cloud_color_sidebar_item_text, #FFFFFF)", + }, + }, + "cloudColorSidebarItemTextPrimary": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_text_primary--active", + "value": "var(--vkui--cloud_color_sidebar_item_text_primary--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_text_primary--hover", + "value": "var(--vkui--cloud_color_sidebar_item_text_primary--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_text_primary", + "value": "var(--vkui--cloud_color_sidebar_item_text_primary, #e7e8ea)", + }, + }, + "cloudColorSidebarItemTextSecondary": { + "active": { + "name": "--vkui--cloud_color_sidebar_item_text_secondary--active", + "value": "var(--vkui--cloud_color_sidebar_item_text_secondary--active, #95979D)", + }, + "hover": { + "name": "--vkui--cloud_color_sidebar_item_text_secondary--hover", + "value": "var(--vkui--cloud_color_sidebar_item_text_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--cloud_color_sidebar_item_text_secondary", + "value": "var(--vkui--cloud_color_sidebar_item_text_secondary, #8c8e94)", + }, + }, + "cloudColorSubscriptionButtonBackground": { + "active": { + "name": "--vkui--cloud_color_subscription_button_background--active", + "value": "var(--vkui--cloud_color_subscription_button_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--cloud_color_subscription_button_background--hover", + "value": "var(--vkui--cloud_color_subscription_button_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--cloud_color_subscription_button_background", + "value": "var(--vkui--cloud_color_subscription_button_background, #191919)", + }, + }, + "cloudColorSweetblue": { + "active": { + "name": "--vkui--cloud_color_sweetblue--active", + "value": "var(--vkui--cloud_color_sweetblue--active, #2E5384)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetblue--hover", + "value": "var(--vkui--cloud_color_sweetblue--hover, #254B7E)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetblue", + "value": "var(--vkui--cloud_color_sweetblue, #1c4479)", + }, + }, + "cloudColorSweetgreen": { + "active": { + "name": "--vkui--cloud_color_sweetgreen--active", + "value": "var(--vkui--cloud_color_sweetgreen--active, #1C8679)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetgreen--hover", + "value": "var(--vkui--cloud_color_sweetgreen--hover, #128173)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetgreen", + "value": "var(--vkui--cloud_color_sweetgreen, #087c6d)", + }, + }, + "cloudColorSweetorange": { + "active": { + "name": "--vkui--cloud_color_sweetorange--active", + "value": "var(--vkui--cloud_color_sweetorange--active, #83563B)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetorange--hover", + "value": "var(--vkui--cloud_color_sweetorange--hover, #7D4E33)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetorange", + "value": "var(--vkui--cloud_color_sweetorange, #78472a)", + }, + }, + "cloudColorSweetpurple": { + "active": { + "name": "--vkui--cloud_color_sweetpurple--active", + "value": "var(--vkui--cloud_color_sweetpurple--active, #7E5FA7)", + }, + "hover": { + "name": "--vkui--cloud_color_sweetpurple--hover", + "value": "var(--vkui--cloud_color_sweetpurple--hover, #7958A3)", + }, + "normal": { + "name": "--vkui--cloud_color_sweetpurple", + "value": "var(--vkui--cloud_color_sweetpurple, #73519f)", + }, + }, + "cloudColorTabbarBackgroundAlpha": { + "active": { + "name": "--vkui--cloud_color_tabbar_background_alpha--active", + "value": "var(--vkui--cloud_color_tabbar_background_alpha--active, rgba(43, 43, 43, 0.98))", + }, + "hover": { + "name": "--vkui--cloud_color_tabbar_background_alpha--hover", + "value": "var(--vkui--cloud_color_tabbar_background_alpha--hover, rgba(43, 43, 43, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--cloud_color_tabbar_background_alpha", + "value": "var(--vkui--cloud_color_tabbar_background_alpha, rgba(43, 43, 43, .9))", + }, + }, + "cloudColorTextAccentAlternative": { + "active": { + "name": "--vkui--cloud_color_text_accent_alternative--active", + "value": "var(--vkui--cloud_color_text_accent_alternative--active, #FFA614)", + }, + "hover": { + "name": "--vkui--cloud_color_text_accent_alternative--hover", + "value": "var(--vkui--cloud_color_text_accent_alternative--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--cloud_color_text_accent_alternative", + "value": "var(--vkui--cloud_color_text_accent_alternative, #ff9e00)", + }, + }, + "cloudColorTextContrastThemedAlpha": { + "active": { + "name": "--vkui--cloud_color_text_contrast_themed_alpha--active", + "value": "var(--vkui--cloud_color_text_contrast_themed_alpha--active, rgba(255, 255, 255, 0.68))", + }, + "hover": { + "name": "--vkui--cloud_color_text_contrast_themed_alpha--hover", + "value": "var(--vkui--cloud_color_text_contrast_themed_alpha--hover, rgba(255, 255, 255, 0.64))", + }, + "normal": { + "name": "--vkui--cloud_color_text_contrast_themed_alpha", + "value": "var(--vkui--cloud_color_text_contrast_themed_alpha, rgba(255, 255, 255, .6))", + }, + }, + "cloudColorTextSecondaryAlpha": { + "active": { + "name": "--vkui--cloud_color_text_secondary_alpha--active", + "value": "var(--vkui--cloud_color_text_secondary_alpha--active, rgba(255, 255, 255, 0.56))", + }, + "hover": { + "name": "--vkui--cloud_color_text_secondary_alpha--hover", + "value": "var(--vkui--cloud_color_text_secondary_alpha--hover, rgba(255, 255, 255, 0.52))", + }, + "normal": { + "name": "--vkui--cloud_color_text_secondary_alpha", + "value": "var(--vkui--cloud_color_text_secondary_alpha, rgba(255, 255, 255, .48))", + }, + }, + "cloudColorTextSnackbarAccent": { + "active": { + "name": "--vkui--cloud_color_text_snackbar_accent--active", + "value": "var(--vkui--cloud_color_text_snackbar_accent--active, #71A8FF)", + }, + "hover": { + "name": "--vkui--cloud_color_text_snackbar_accent--hover", + "value": "var(--vkui--cloud_color_text_snackbar_accent--hover, #6BA4FF)", + }, + "normal": { + "name": "--vkui--cloud_color_text_snackbar_accent", + "value": "var(--vkui--cloud_color_text_snackbar_accent, #65a0ff)", + }, + }, + "cloudColorToolbarBackground": { + "active": { + "name": "--vkui--cloud_color_toolbar_background--active", + "value": "var(--vkui--cloud_color_toolbar_background--active, #313131)", + }, + "hover": { + "name": "--vkui--cloud_color_toolbar_background--hover", + "value": "var(--vkui--cloud_color_toolbar_background--hover, #282828)", + }, + "normal": { + "name": "--vkui--cloud_color_toolbar_background", + "value": "var(--vkui--cloud_color_toolbar_background, #1f1f1f)", + }, + }, + "cloudColorViewerBackground": { + "active": { + "name": "--vkui--cloud_color_viewer_background--active", + "value": "var(--vkui--cloud_color_viewer_background--active, #141414)", + }, + "hover": { + "name": "--vkui--cloud_color_viewer_background--hover", + "value": "var(--vkui--cloud_color_viewer_background--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--cloud_color_viewer_background", + "value": "var(--vkui--cloud_color_viewer_background, #000000)", + }, + }, "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", @@ -43485,15 +46813,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -43611,15 +46939,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -43639,15 +46967,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -43681,15 +47009,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -43737,15 +47065,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -43807,15 +47135,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -43989,15 +47317,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -44126,6 +47454,34 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -44339,15 +47695,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -44647,15 +48003,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -44801,15 +48157,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -44885,15 +48241,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -44941,15 +48297,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -45277,15 +48633,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -48299,15 +51655,375 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "cloudColorBackgroundAlternative": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorBackgroundCTA": { + "active": "#2D2F33", + "hover": "#24262A", + "normal": "#1b1d21", + }, + "cloudColorBackgroundContentAlternative": { + "active": "#3B3B3B", + "hover": "#333333", + "normal": "#2a2a2a", + }, + "cloudColorBackgroundDragAndDrop": { + "active": "#141F30", + "hover": "#0A1527", + "normal": "#000b1e", + }, + "cloudColorBackgroundFastScroll": { + "active": "#49494C", + "hover": "#414144", + "normal": "#39393c", + }, + "cloudColorBackgroundFileDocument": { + "active": "#454545", + "hover": "#3D3D3D", + "normal": "#353535", + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorBackgroundFilePresentation": { + "active": "#454545", + "hover": "#3D3D3D", + "normal": "#353535", + }, + "cloudColorBackgroundFileTable": { + "active": "#454545", + "hover": "#3D3D3D", + "normal": "#353535", + }, + "cloudColorBackgroundPortal": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "cloudColorBackgroundProfileAccess": { + "active": "#455A3D", + "hover": "#3D5334", + "normal": "#354c2c", + }, + "cloudColorBackgroundProfileMail": { + "active": "#384D5C", + "hover": "#304555", + "normal": "#273d4e", + }, + "cloudColorBackgroundProfileSettings": { + "active": "#41534B", + "hover": "#384B43", + "normal": "#30443b", + }, + "cloudColorBackgroundProfileTariff": { + "active": "#64494F", + "hover": "#5D4148", + "normal": "#563940", + }, + "cloudColorBackgroundProfileTrash": { + "active": "#505255", + "hover": "#494B4D", + "normal": "#414346", + }, + "cloudColorBackgroundProfileUploading": { + "active": "#605139", + "hover": "#594A31", + "normal": "#524228", + }, + "cloudColorBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": "rgba(180, 180, 180, 0.24)", + "hover": "rgba(180, 180, 180, 0.2)", + "normal": "rgba(180, 180, 180, .16)", + }, + "cloudColorHeaderSearchBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "cloudColorIconAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#ff9e00", + }, + "cloudColorIconFileDocumentInvariably": { + "active": "#1594F3", + "hover": "#0B90F3", + "normal": "#018bf2", + }, + "cloudColorIconFilePresentationInvariably": { + "active": "#DD5A5C", + "hover": "#DB5355", + "normal": "#da4c4e", + }, + "cloudColorIconFileTableInvariably": { + "active": "#159F8E", + "hover": "#0B9B89", + "normal": "#019784", + }, + "cloudColorIconFinance": { + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24c780", + }, + "cloudColorIconFinanceThemed": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorIconFolder": { + "active": "#FEE075", + "hover": "#FEDE6F", + "normal": "#fedd69", + }, + "cloudColorIconIDCard": { + "active": "#2D8FFF", + "hover": "#248AFF", + "normal": "#1b85ff", + }, + "cloudColorIconIDCardThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorIconOfficial": { + "active": "#EE565E", + "hover": "#ED4E57", + "normal": "#ec4750", + }, + "cloudColorIconOfficialThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorIconProfileAccess": { + "active": "#69C048", + "hover": "#63BD40", + "normal": "#5cba38", + }, + "cloudColorIconProfileMail": { + "active": "#2D8FFF", + "hover": "#248AFF", + "normal": "#1b85ff", + }, + "cloudColorIconProfileSettings": { + "active": "#1ACBB5", + "hover": "#10C9B2", + "normal": "#06c7af", + }, + "cloudColorIconProfileTariff": { + "active": "#FF68A2", + "hover": "#FF629E", + "normal": "#ff5b9a", + }, + "cloudColorIconProfileTrash": { + "active": "#CDCDCD", + "hover": "#CBCBCB", + "normal": "#c9c9c9", + }, + "cloudColorIconProfileUploading": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#ff9e00", + }, + "cloudColorIconRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "cloudColorIconTransport": { + "active": "#B488EE", + "hover": "#B183ED", + "normal": "#ae7eec", + }, + "cloudColorIconTransportThemed": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorLandingBackground": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "cloudColorLandingButtonBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorLandingControlPrimaryBackground": { + "active": "#4B4B4B", + "hover": "#434343", + "normal": "#3b3b3b", + }, + "cloudColorLandingControlSecondaryBackground": { + "active": "#373738", + "hover": "#2F2F30", + "normal": "#262627", + }, + "cloudColorLandingLabelBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorLandingLabelInverseBackground": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775fc", + }, + "cloudColorLandingMediumBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "cloudColorLandingSecondaryBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "cloudColorLandingStrokeTariff": { + "active": "#36A2FC", + "hover": "#2D9EFC", + "normal": "#249afc", + }, + "cloudColorLandingTertiaryBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorOverlayBackground": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "cloudColorPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorScrollIndicatorAlpha": { + "active": "rgba(255, 255, 255, 0.36)", + "hover": "rgba(255, 255, 255, 0.32)", + "normal": "rgba(255, 255, 255, .28)", + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "transparent", + }, + "cloudColorSidebarItemText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorSidebarItemTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#e7e8ea", + }, + "cloudColorSidebarItemTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8c8e94", + }, + "cloudColorSubscriptionButtonBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorSweetblue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1c4479", + }, + "cloudColorSweetgreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087c6d", + }, + "cloudColorSweetorange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472a", + }, + "cloudColorSweetpurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519f", + }, + "cloudColorTabbarBackgroundAlpha": { + "active": "rgba(43, 43, 43, 0.98)", + "hover": "rgba(43, 43, 43, 0.9400000000000001)", + "normal": "rgba(43, 43, 43, .9)", + }, + "cloudColorTextAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#ff9e00", + }, + "cloudColorTextContrastThemedAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, .6)", + }, + "cloudColorTextSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", + }, + "cloudColorTextSnackbarAccent": { + "active": "#71A8FF", + "hover": "#6BA4FF", + "normal": "#65a0ff", + }, + "cloudColorToolbarBackground": { + "active": "#313131", + "hover": "#282828", + "normal": "#1f1f1f", + }, + "cloudColorViewerBackground": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -48350,9 +52066,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -48360,9 +52076,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -48375,9 +52091,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -48395,9 +52111,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -48420,9 +52136,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -48485,9 +52201,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -48534,6 +52250,16 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -48610,9 +52336,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -48720,9 +52446,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -48775,9 +52501,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -48805,9 +52531,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -48825,9 +52551,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -48945,9 +52671,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -49747,15 +53473,375 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": "var(--vkui--cloud_color_background--active, #2B2B2C)", + "hover": "var(--vkui--cloud_color_background--hover, #222223)", + "normal": "var(--vkui--cloud_color_background, #19191A)", + }, + "cloudColorBackgroundAlternative": { + "active": "var(--vkui--cloud_color_background_alternative--active, #2B2B2B)", + "hover": "var(--vkui--cloud_color_background_alternative--hover, #222222)", + "normal": "var(--vkui--cloud_color_background_alternative, #191919)", + }, + "cloudColorBackgroundCTA": { + "active": "var(--vkui--cloud_color_background_c_t_a--active, #2D2F33)", + "hover": "var(--vkui--cloud_color_background_c_t_a--hover, #24262A)", + "normal": "var(--vkui--cloud_color_background_c_t_a, #1b1d21)", + }, + "cloudColorBackgroundContentAlternative": { + "active": "var(--vkui--cloud_color_background_content_alternative--active, #3B3B3B)", + "hover": "var(--vkui--cloud_color_background_content_alternative--hover, #333333)", + "normal": "var(--vkui--cloud_color_background_content_alternative, #2a2a2a)", + }, + "cloudColorBackgroundDragAndDrop": { + "active": "var(--vkui--cloud_color_background_drag_and_drop--active, #141F30)", + "hover": "var(--vkui--cloud_color_background_drag_and_drop--hover, #0A1527)", + "normal": "var(--vkui--cloud_color_background_drag_and_drop, #000b1e)", + }, + "cloudColorBackgroundFastScroll": { + "active": "var(--vkui--cloud_color_background_fast_scroll--active, #49494C)", + "hover": "var(--vkui--cloud_color_background_fast_scroll--hover, #414144)", + "normal": "var(--vkui--cloud_color_background_fast_scroll, #39393c)", + }, + "cloudColorBackgroundFileDocument": { + "active": "var(--vkui--cloud_color_background_file_document--active, #454545)", + "hover": "var(--vkui--cloud_color_background_file_document--hover, #3D3D3D)", + "normal": "var(--vkui--cloud_color_background_file_document, #353535)", + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": "var(--vkui--cloud_color_background_file_other_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--cloud_color_background_file_other_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--cloud_color_background_file_other_alpha, rgba(255, 255, 255, .08))", + }, + "cloudColorBackgroundFilePresentation": { + "active": "var(--vkui--cloud_color_background_file_presentation--active, #454545)", + "hover": "var(--vkui--cloud_color_background_file_presentation--hover, #3D3D3D)", + "normal": "var(--vkui--cloud_color_background_file_presentation, #353535)", + }, + "cloudColorBackgroundFileTable": { + "active": "var(--vkui--cloud_color_background_file_table--active, #454545)", + "hover": "var(--vkui--cloud_color_background_file_table--hover, #3D3D3D)", + "normal": "var(--vkui--cloud_color_background_file_table, #353535)", + }, + "cloudColorBackgroundPortal": { + "active": "var(--vkui--cloud_color_background_portal--active, #2B2B2C)", + "hover": "var(--vkui--cloud_color_background_portal--hover, #222223)", + "normal": "var(--vkui--cloud_color_background_portal, #19191a)", + }, + "cloudColorBackgroundProfileAccess": { + "active": "var(--vkui--cloud_color_background_profile_access--active, #455A3D)", + "hover": "var(--vkui--cloud_color_background_profile_access--hover, #3D5334)", + "normal": "var(--vkui--cloud_color_background_profile_access, #354c2c)", + }, + "cloudColorBackgroundProfileMail": { + "active": "var(--vkui--cloud_color_background_profile_mail--active, #384D5C)", + "hover": "var(--vkui--cloud_color_background_profile_mail--hover, #304555)", + "normal": "var(--vkui--cloud_color_background_profile_mail, #273d4e)", + }, + "cloudColorBackgroundProfileSettings": { + "active": "var(--vkui--cloud_color_background_profile_settings--active, #41534B)", + "hover": "var(--vkui--cloud_color_background_profile_settings--hover, #384B43)", + "normal": "var(--vkui--cloud_color_background_profile_settings, #30443b)", + }, + "cloudColorBackgroundProfileTariff": { + "active": "var(--vkui--cloud_color_background_profile_tariff--active, #64494F)", + "hover": "var(--vkui--cloud_color_background_profile_tariff--hover, #5D4148)", + "normal": "var(--vkui--cloud_color_background_profile_tariff, #563940)", + }, + "cloudColorBackgroundProfileTrash": { + "active": "var(--vkui--cloud_color_background_profile_trash--active, #505255)", + "hover": "var(--vkui--cloud_color_background_profile_trash--hover, #494B4D)", + "normal": "var(--vkui--cloud_color_background_profile_trash, #414346)", + }, + "cloudColorBackgroundProfileUploading": { + "active": "var(--vkui--cloud_color_background_profile_uploading--active, #605139)", + "hover": "var(--vkui--cloud_color_background_profile_uploading--hover, #594A31)", + "normal": "var(--vkui--cloud_color_background_profile_uploading, #524228)", + }, + "cloudColorBlueAccentThemed": { + "active": "var(--vkui--cloud_color_blue_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--cloud_color_blue_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--cloud_color_blue_accent_themed, #FFFFFF)", + }, + "cloudColorGreenAccentThemed": { + "active": "var(--vkui--cloud_color_green_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--cloud_color_green_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--cloud_color_green_accent_themed, #FFFFFF)", + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": "var(--vkui--cloud_color_header_icon_background_alpha--active, rgba(180, 180, 180, 0.24))", + "hover": "var(--vkui--cloud_color_header_icon_background_alpha--hover, rgba(180, 180, 180, 0.2))", + "normal": "var(--vkui--cloud_color_header_icon_background_alpha, rgba(180, 180, 180, .16))", + }, + "cloudColorHeaderSearchBackground": { + "active": "var(--vkui--cloud_color_header_search_background--active, #414141)", + "hover": "var(--vkui--cloud_color_header_search_background--hover, #383838)", + "normal": "var(--vkui--cloud_color_header_search_background, #303030)", + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": "var(--vkui--cloud_color_header_search_background_collapsed--active, #414141)", + "hover": "var(--vkui--cloud_color_header_search_background_collapsed--hover, #383838)", + "normal": "var(--vkui--cloud_color_header_search_background_collapsed, #303030)", + }, + "cloudColorIconAccentAlternative": { + "active": "var(--vkui--cloud_color_icon_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--cloud_color_icon_accent_alternative--hover, #FFA20A)", + "normal": "var(--vkui--cloud_color_icon_accent_alternative, #ff9e00)", + }, + "cloudColorIconFileDocumentInvariably": { + "active": "var(--vkui--cloud_color_icon_file_document_invariably--active, #1594F3)", + "hover": "var(--vkui--cloud_color_icon_file_document_invariably--hover, #0B90F3)", + "normal": "var(--vkui--cloud_color_icon_file_document_invariably, #018bf2)", + }, + "cloudColorIconFilePresentationInvariably": { + "active": "var(--vkui--cloud_color_icon_file_presentation_invariably--active, #DD5A5C)", + "hover": "var(--vkui--cloud_color_icon_file_presentation_invariably--hover, #DB5355)", + "normal": "var(--vkui--cloud_color_icon_file_presentation_invariably, #da4c4e)", + }, + "cloudColorIconFileTableInvariably": { + "active": "var(--vkui--cloud_color_icon_file_table_invariably--active, #159F8E)", + "hover": "var(--vkui--cloud_color_icon_file_table_invariably--hover, #0B9B89)", + "normal": "var(--vkui--cloud_color_icon_file_table_invariably, #019784)", + }, + "cloudColorIconFinance": { + "active": "var(--vkui--cloud_color_icon_finance--active, #36CB8A)", + "hover": "var(--vkui--cloud_color_icon_finance--hover, #2DC985)", + "normal": "var(--vkui--cloud_color_icon_finance, #24c780)", + }, + "cloudColorIconFinanceThemed": { + "active": "var(--vkui--cloud_color_icon_finance_themed--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--cloud_color_icon_finance_themed--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--cloud_color_icon_finance_themed, rgba(255, 255, 255, .08))", + }, + "cloudColorIconFolder": { + "active": "var(--vkui--cloud_color_icon_folder--active, #FEE075)", + "hover": "var(--vkui--cloud_color_icon_folder--hover, #FEDE6F)", + "normal": "var(--vkui--cloud_color_icon_folder, #fedd69)", + }, + "cloudColorIconIDCard": { + "active": "var(--vkui--cloud_color_icon_i_d_card--active, #2D8FFF)", + "hover": "var(--vkui--cloud_color_icon_i_d_card--hover, #248AFF)", + "normal": "var(--vkui--cloud_color_icon_i_d_card, #1b85ff)", + }, + "cloudColorIconIDCardThemedAlpha": { + "active": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--cloud_color_icon_i_d_card_themed_alpha, rgba(255, 255, 255, .08))", + }, + "cloudColorIconOfficial": { + "active": "var(--vkui--cloud_color_icon_official--active, #EE565E)", + "hover": "var(--vkui--cloud_color_icon_official--hover, #ED4E57)", + "normal": "var(--vkui--cloud_color_icon_official, #ec4750)", + }, + "cloudColorIconOfficialThemedAlpha": { + "active": "var(--vkui--cloud_color_icon_official_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--cloud_color_icon_official_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--cloud_color_icon_official_themed_alpha, rgba(255, 255, 255, .08))", + }, + "cloudColorIconProfileAccess": { + "active": "var(--vkui--cloud_color_icon_profile_access--active, #69C048)", + "hover": "var(--vkui--cloud_color_icon_profile_access--hover, #63BD40)", + "normal": "var(--vkui--cloud_color_icon_profile_access, #5cba38)", + }, + "cloudColorIconProfileMail": { + "active": "var(--vkui--cloud_color_icon_profile_mail--active, #2D8FFF)", + "hover": "var(--vkui--cloud_color_icon_profile_mail--hover, #248AFF)", + "normal": "var(--vkui--cloud_color_icon_profile_mail, #1b85ff)", + }, + "cloudColorIconProfileSettings": { + "active": "var(--vkui--cloud_color_icon_profile_settings--active, #1ACBB5)", + "hover": "var(--vkui--cloud_color_icon_profile_settings--hover, #10C9B2)", + "normal": "var(--vkui--cloud_color_icon_profile_settings, #06c7af)", + }, + "cloudColorIconProfileTariff": { + "active": "var(--vkui--cloud_color_icon_profile_tariff--active, #FF68A2)", + "hover": "var(--vkui--cloud_color_icon_profile_tariff--hover, #FF629E)", + "normal": "var(--vkui--cloud_color_icon_profile_tariff, #ff5b9a)", + }, + "cloudColorIconProfileTrash": { + "active": "var(--vkui--cloud_color_icon_profile_trash--active, #CDCDCD)", + "hover": "var(--vkui--cloud_color_icon_profile_trash--hover, #CBCBCB)", + "normal": "var(--vkui--cloud_color_icon_profile_trash, #c9c9c9)", + }, + "cloudColorIconProfileUploading": { + "active": "var(--vkui--cloud_color_icon_profile_uploading--active, #FFA614)", + "hover": "var(--vkui--cloud_color_icon_profile_uploading--hover, #FFA20A)", + "normal": "var(--vkui--cloud_color_icon_profile_uploading, #ff9e00)", + }, + "cloudColorIconRating": { + "active": "var(--vkui--cloud_color_icon_rating--active, #FFD714)", + "hover": "var(--vkui--cloud_color_icon_rating--hover, #FFD60A)", + "normal": "var(--vkui--cloud_color_icon_rating, #ffd400)", + }, + "cloudColorIconTransport": { + "active": "var(--vkui--cloud_color_icon_transport--active, #B488EE)", + "hover": "var(--vkui--cloud_color_icon_transport--hover, #B183ED)", + "normal": "var(--vkui--cloud_color_icon_transport, #ae7eec)", + }, + "cloudColorIconTransportThemed": { + "active": "var(--vkui--cloud_color_icon_transport_themed--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--cloud_color_icon_transport_themed--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--cloud_color_icon_transport_themed, rgba(255, 255, 255, .08))", + }, + "cloudColorLandingBackground": { + "active": "var(--vkui--cloud_color_landing_background--active, #141414)", + "hover": "var(--vkui--cloud_color_landing_background--hover, #0A0A0A)", + "normal": "var(--vkui--cloud_color_landing_background, #000000)", + }, + "cloudColorLandingButtonBackground": { + "active": "var(--vkui--cloud_color_landing_button_background--active, #2B2B2B)", + "hover": "var(--vkui--cloud_color_landing_button_background--hover, #222222)", + "normal": "var(--vkui--cloud_color_landing_button_background, #191919)", + }, + "cloudColorLandingControlPrimaryBackground": { + "active": "var(--vkui--cloud_color_landing_control_primary_background--active, #4B4B4B)", + "hover": "var(--vkui--cloud_color_landing_control_primary_background--hover, #434343)", + "normal": "var(--vkui--cloud_color_landing_control_primary_background, #3b3b3b)", + }, + "cloudColorLandingControlSecondaryBackground": { + "active": "var(--vkui--cloud_color_landing_control_secondary_background--active, #373738)", + "hover": "var(--vkui--cloud_color_landing_control_secondary_background--hover, #2F2F30)", + "normal": "var(--vkui--cloud_color_landing_control_secondary_background, #262627)", + }, + "cloudColorLandingLabelBackground": { + "active": "var(--vkui--cloud_color_landing_label_background--active, #2B2B2B)", + "hover": "var(--vkui--cloud_color_landing_label_background--hover, #222222)", + "normal": "var(--vkui--cloud_color_landing_label_background, #191919)", + }, + "cloudColorLandingLabelInverseBackground": { + "active": "var(--vkui--cloud_color_landing_label_inverse_background--active, #3880FC)", + "hover": "var(--vkui--cloud_color_landing_label_inverse_background--hover, #307BFC)", + "normal": "var(--vkui--cloud_color_landing_label_inverse_background, #2775fc)", + }, + "cloudColorLandingMediumBackground": { + "active": "var(--vkui--cloud_color_landing_medium_background--active, #2B2B2C)", + "hover": "var(--vkui--cloud_color_landing_medium_background--hover, #222223)", + "normal": "var(--vkui--cloud_color_landing_medium_background, #19191a)", + }, + "cloudColorLandingSecondaryBackground": { + "active": "var(--vkui--cloud_color_landing_secondary_background--active, #414141)", + "hover": "var(--vkui--cloud_color_landing_secondary_background--hover, #383838)", + "normal": "var(--vkui--cloud_color_landing_secondary_background, #303030)", + }, + "cloudColorLandingStrokeTariff": { + "active": "var(--vkui--cloud_color_landing_stroke_tariff--active, #36A2FC)", + "hover": "var(--vkui--cloud_color_landing_stroke_tariff--hover, #2D9EFC)", + "normal": "var(--vkui--cloud_color_landing_stroke_tariff, #249afc)", + }, + "cloudColorLandingTertiaryBackground": { + "active": "var(--vkui--cloud_color_landing_tertiary_background--active, #2B2B2B)", + "hover": "var(--vkui--cloud_color_landing_tertiary_background--hover, #222222)", + "normal": "var(--vkui--cloud_color_landing_tertiary_background, #191919)", + }, + "cloudColorOrangeAccentThemed": { + "active": "var(--vkui--cloud_color_orange_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--cloud_color_orange_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--cloud_color_orange_accent_themed, #FFFFFF)", + }, + "cloudColorOverlayBackground": { + "active": "var(--vkui--cloud_color_overlay_background--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--cloud_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--cloud_color_overlay_background, transparent)", + }, + "cloudColorPurpleAccentThemed": { + "active": "var(--vkui--cloud_color_purple_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--cloud_color_purple_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--cloud_color_purple_accent_themed, #FFFFFF)", + }, + "cloudColorScrollIndicatorAlpha": { + "active": "var(--vkui--cloud_color_scroll_indicator_alpha--active, rgba(255, 255, 255, 0.36))", + "hover": "var(--vkui--cloud_color_scroll_indicator_alpha--hover, rgba(255, 255, 255, 0.32))", + "normal": "var(--vkui--cloud_color_scroll_indicator_alpha, rgba(255, 255, 255, .28))", + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": "var(--vkui--cloud_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--cloud_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--cloud_color_sidebar_item_background_alpha, transparent)", + }, + "cloudColorSidebarItemText": { + "active": "var(--vkui--cloud_color_sidebar_item_text--active, #D7D8DB)", + "hover": "var(--vkui--cloud_color_sidebar_item_text--hover, #EBEDF0)", + "normal": "var(--vkui--cloud_color_sidebar_item_text, #FFFFFF)", + }, + "cloudColorSidebarItemTextPrimary": { + "active": "var(--vkui--cloud_color_sidebar_item_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--cloud_color_sidebar_item_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--cloud_color_sidebar_item_text_primary, #e7e8ea)", + }, + "cloudColorSidebarItemTextSecondary": { + "active": "var(--vkui--cloud_color_sidebar_item_text_secondary--active, #95979D)", + "hover": "var(--vkui--cloud_color_sidebar_item_text_secondary--hover, #919398)", + "normal": "var(--vkui--cloud_color_sidebar_item_text_secondary, #8c8e94)", + }, + "cloudColorSubscriptionButtonBackground": { + "active": "var(--vkui--cloud_color_subscription_button_background--active, #2B2B2B)", + "hover": "var(--vkui--cloud_color_subscription_button_background--hover, #222222)", + "normal": "var(--vkui--cloud_color_subscription_button_background, #191919)", + }, + "cloudColorSweetblue": { + "active": "var(--vkui--cloud_color_sweetblue--active, #2E5384)", + "hover": "var(--vkui--cloud_color_sweetblue--hover, #254B7E)", + "normal": "var(--vkui--cloud_color_sweetblue, #1c4479)", + }, + "cloudColorSweetgreen": { + "active": "var(--vkui--cloud_color_sweetgreen--active, #1C8679)", + "hover": "var(--vkui--cloud_color_sweetgreen--hover, #128173)", + "normal": "var(--vkui--cloud_color_sweetgreen, #087c6d)", + }, + "cloudColorSweetorange": { + "active": "var(--vkui--cloud_color_sweetorange--active, #83563B)", + "hover": "var(--vkui--cloud_color_sweetorange--hover, #7D4E33)", + "normal": "var(--vkui--cloud_color_sweetorange, #78472a)", + }, + "cloudColorSweetpurple": { + "active": "var(--vkui--cloud_color_sweetpurple--active, #7E5FA7)", + "hover": "var(--vkui--cloud_color_sweetpurple--hover, #7958A3)", + "normal": "var(--vkui--cloud_color_sweetpurple, #73519f)", + }, + "cloudColorTabbarBackgroundAlpha": { + "active": "var(--vkui--cloud_color_tabbar_background_alpha--active, rgba(43, 43, 43, 0.98))", + "hover": "var(--vkui--cloud_color_tabbar_background_alpha--hover, rgba(43, 43, 43, 0.9400000000000001))", + "normal": "var(--vkui--cloud_color_tabbar_background_alpha, rgba(43, 43, 43, .9))", + }, + "cloudColorTextAccentAlternative": { + "active": "var(--vkui--cloud_color_text_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--cloud_color_text_accent_alternative--hover, #FFA20A)", + "normal": "var(--vkui--cloud_color_text_accent_alternative, #ff9e00)", + }, + "cloudColorTextContrastThemedAlpha": { + "active": "var(--vkui--cloud_color_text_contrast_themed_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--cloud_color_text_contrast_themed_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--cloud_color_text_contrast_themed_alpha, rgba(255, 255, 255, .6))", + }, + "cloudColorTextSecondaryAlpha": { + "active": "var(--vkui--cloud_color_text_secondary_alpha--active, rgba(255, 255, 255, 0.56))", + "hover": "var(--vkui--cloud_color_text_secondary_alpha--hover, rgba(255, 255, 255, 0.52))", + "normal": "var(--vkui--cloud_color_text_secondary_alpha, rgba(255, 255, 255, .48))", + }, + "cloudColorTextSnackbarAccent": { + "active": "var(--vkui--cloud_color_text_snackbar_accent--active, #71A8FF)", + "hover": "var(--vkui--cloud_color_text_snackbar_accent--hover, #6BA4FF)", + "normal": "var(--vkui--cloud_color_text_snackbar_accent, #65a0ff)", + }, + "cloudColorToolbarBackground": { + "active": "var(--vkui--cloud_color_toolbar_background--active, #313131)", + "hover": "var(--vkui--cloud_color_toolbar_background--hover, #282828)", + "normal": "var(--vkui--cloud_color_toolbar_background, #1f1f1f)", + }, + "cloudColorViewerBackground": { + "active": "var(--vkui--cloud_color_viewer_background--active, #141414)", + "hover": "var(--vkui--cloud_color_viewer_background--hover, #0A0A0A)", + "normal": "var(--vkui--cloud_color_viewer_background, #000000)", + }, "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #1482FF)", "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -49798,9 +53884,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -49808,9 +53894,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -49823,9 +53909,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -49843,9 +53929,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -49868,9 +53954,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -49933,9 +54019,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -49982,6 +54068,16 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -50058,9 +54154,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -50168,9 +54264,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -50223,9 +54319,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -50253,9 +54349,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -50273,9 +54369,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -50393,9 +54489,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -51195,15 +55291,375 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "breakpoint": 0, }, }, + "cloudColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "cloudColorBackgroundAlternative": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorBackgroundCTA": { + "active": "#2D2F33", + "hover": "#24262A", + "normal": "#1b1d21", + }, + "cloudColorBackgroundContentAlternative": { + "active": "#3B3B3B", + "hover": "#333333", + "normal": "#2a2a2a", + }, + "cloudColorBackgroundDragAndDrop": { + "active": "#141F30", + "hover": "#0A1527", + "normal": "#000b1e", + }, + "cloudColorBackgroundFastScroll": { + "active": "#49494C", + "hover": "#414144", + "normal": "#39393c", + }, + "cloudColorBackgroundFileDocument": { + "active": "#454545", + "hover": "#3D3D3D", + "normal": "#353535", + }, + "cloudColorBackgroundFileOtherAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorBackgroundFilePresentation": { + "active": "#454545", + "hover": "#3D3D3D", + "normal": "#353535", + }, + "cloudColorBackgroundFileTable": { + "active": "#454545", + "hover": "#3D3D3D", + "normal": "#353535", + }, + "cloudColorBackgroundPortal": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "cloudColorBackgroundProfileAccess": { + "active": "#455A3D", + "hover": "#3D5334", + "normal": "#354c2c", + }, + "cloudColorBackgroundProfileMail": { + "active": "#384D5C", + "hover": "#304555", + "normal": "#273d4e", + }, + "cloudColorBackgroundProfileSettings": { + "active": "#41534B", + "hover": "#384B43", + "normal": "#30443b", + }, + "cloudColorBackgroundProfileTariff": { + "active": "#64494F", + "hover": "#5D4148", + "normal": "#563940", + }, + "cloudColorBackgroundProfileTrash": { + "active": "#505255", + "hover": "#494B4D", + "normal": "#414346", + }, + "cloudColorBackgroundProfileUploading": { + "active": "#605139", + "hover": "#594A31", + "normal": "#524228", + }, + "cloudColorBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorHeaderIconBackgroundAlpha": { + "active": "rgba(180, 180, 180, 0.24)", + "hover": "rgba(180, 180, 180, 0.2)", + "normal": "rgba(180, 180, 180, .16)", + }, + "cloudColorHeaderSearchBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "cloudColorHeaderSearchBackgroundCollapsed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "cloudColorIconAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#ff9e00", + }, + "cloudColorIconFileDocumentInvariably": { + "active": "#1594F3", + "hover": "#0B90F3", + "normal": "#018bf2", + }, + "cloudColorIconFilePresentationInvariably": { + "active": "#DD5A5C", + "hover": "#DB5355", + "normal": "#da4c4e", + }, + "cloudColorIconFileTableInvariably": { + "active": "#159F8E", + "hover": "#0B9B89", + "normal": "#019784", + }, + "cloudColorIconFinance": { + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24c780", + }, + "cloudColorIconFinanceThemed": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorIconFolder": { + "active": "#FEE075", + "hover": "#FEDE6F", + "normal": "#fedd69", + }, + "cloudColorIconIDCard": { + "active": "#2D8FFF", + "hover": "#248AFF", + "normal": "#1b85ff", + }, + "cloudColorIconIDCardThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorIconOfficial": { + "active": "#EE565E", + "hover": "#ED4E57", + "normal": "#ec4750", + }, + "cloudColorIconOfficialThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorIconProfileAccess": { + "active": "#69C048", + "hover": "#63BD40", + "normal": "#5cba38", + }, + "cloudColorIconProfileMail": { + "active": "#2D8FFF", + "hover": "#248AFF", + "normal": "#1b85ff", + }, + "cloudColorIconProfileSettings": { + "active": "#1ACBB5", + "hover": "#10C9B2", + "normal": "#06c7af", + }, + "cloudColorIconProfileTariff": { + "active": "#FF68A2", + "hover": "#FF629E", + "normal": "#ff5b9a", + }, + "cloudColorIconProfileTrash": { + "active": "#CDCDCD", + "hover": "#CBCBCB", + "normal": "#c9c9c9", + }, + "cloudColorIconProfileUploading": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#ff9e00", + }, + "cloudColorIconRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "cloudColorIconTransport": { + "active": "#B488EE", + "hover": "#B183ED", + "normal": "#ae7eec", + }, + "cloudColorIconTransportThemed": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "cloudColorLandingBackground": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "cloudColorLandingButtonBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorLandingControlPrimaryBackground": { + "active": "#4B4B4B", + "hover": "#434343", + "normal": "#3b3b3b", + }, + "cloudColorLandingControlSecondaryBackground": { + "active": "#373738", + "hover": "#2F2F30", + "normal": "#262627", + }, + "cloudColorLandingLabelBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorLandingLabelInverseBackground": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775fc", + }, + "cloudColorLandingMediumBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "cloudColorLandingSecondaryBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "cloudColorLandingStrokeTariff": { + "active": "#36A2FC", + "hover": "#2D9EFC", + "normal": "#249afc", + }, + "cloudColorLandingTertiaryBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorOverlayBackground": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "cloudColorPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorScrollIndicatorAlpha": { + "active": "rgba(255, 255, 255, 0.36)", + "hover": "rgba(255, 255, 255, 0.32)", + "normal": "rgba(255, 255, 255, .28)", + }, + "cloudColorSidebarItemBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "transparent", + }, + "cloudColorSidebarItemText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "cloudColorSidebarItemTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#e7e8ea", + }, + "cloudColorSidebarItemTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8c8e94", + }, + "cloudColorSubscriptionButtonBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "cloudColorSweetblue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1c4479", + }, + "cloudColorSweetgreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087c6d", + }, + "cloudColorSweetorange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472a", + }, + "cloudColorSweetpurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519f", + }, + "cloudColorTabbarBackgroundAlpha": { + "active": "rgba(43, 43, 43, 0.98)", + "hover": "rgba(43, 43, 43, 0.9400000000000001)", + "normal": "rgba(43, 43, 43, .9)", + }, + "cloudColorTextAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#ff9e00", + }, + "cloudColorTextContrastThemedAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, .6)", + }, + "cloudColorTextSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", + }, + "cloudColorTextSnackbarAccent": { + "active": "#71A8FF", + "hover": "#6BA4FF", + "normal": "#65a0ff", + }, + "cloudColorToolbarBackground": { + "active": "#313131", + "hover": "#282828", + "normal": "#1f1f1f", + }, + "cloudColorViewerBackground": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -51246,9 +55702,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -51256,9 +55712,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -51271,9 +55727,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -51291,9 +55747,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -51316,9 +55772,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -51381,9 +55837,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -51430,6 +55886,16 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -51506,9 +55972,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -51616,9 +56082,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -51671,9 +56137,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -51701,9 +56167,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -51721,9 +56187,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -51841,9 +56307,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -65672,15 +70138,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -65798,15 +70264,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -65826,15 +70292,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -65868,15 +70334,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -65924,15 +70390,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -65952,29 +70418,29 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -65994,43 +70460,43 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -66148,71 +70614,71 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -66313,6 +70779,34 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -66442,43 +70936,43 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -66526,29 +71020,29 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -66624,15 +71118,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -66834,15 +71328,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorRating": { @@ -66988,29 +71482,29 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -67030,15 +71524,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -67072,29 +71566,29 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -67128,29 +71622,29 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -67198,15 +71692,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -67464,15 +71958,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -70232,9 +74726,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -70277,9 +74771,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -70287,9 +74781,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -70302,9 +74796,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -70322,9 +74816,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -70332,14 +74826,14 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -70347,19 +74841,19 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -70402,29 +74896,29 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -70461,6 +74955,16 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -70507,19 +75011,19 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -70537,14 +75041,14 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -70572,9 +75076,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -70647,9 +75151,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -70702,14 +75206,14 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -70717,9 +75221,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -70732,14 +75236,14 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -70752,14 +75256,14 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -70777,9 +75281,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -70872,9 +75376,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -71627,9 +76131,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -71672,9 +76176,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -71682,9 +76186,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -71697,9 +76201,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -71717,9 +76221,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -71727,14 +76231,14 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -71742,19 +76246,19 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -71797,29 +76301,29 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -71856,6 +76360,16 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -71902,19 +76416,19 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -71932,14 +76446,14 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -71967,9 +76481,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -72042,9 +76556,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", @@ -72097,14 +76611,14 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -72112,9 +76626,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -72127,14 +76641,14 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -72147,14 +76661,14 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -72172,9 +76686,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -72267,9 +76781,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -73022,9 +77536,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -73067,9 +77581,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -73077,9 +77591,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -73092,9 +77606,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -73112,9 +77626,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -73122,14 +77636,14 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -73137,19 +77651,19 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -73192,29 +77706,29 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -73251,6 +77765,16 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -73297,19 +77821,19 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -73327,14 +77851,14 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -73362,9 +77886,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -73437,9 +77961,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -73492,14 +78016,14 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -73507,9 +78031,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -73522,14 +78046,14 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -73542,14 +78066,14 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -73567,9 +78091,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -73662,9 +78186,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -74443,15 +78967,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -74569,15 +79093,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -74597,15 +79121,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -74639,15 +79163,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -74695,15 +79219,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -74765,15 +79289,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -74947,15 +79471,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -75084,6 +79608,34 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -75297,15 +79849,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -75605,15 +80157,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -75759,15 +80311,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -75843,15 +80395,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -75899,15 +80451,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -76235,15 +80787,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -78999,9 +83551,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -79044,9 +83596,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -79054,9 +83606,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -79069,9 +83621,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -79089,9 +83641,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -79114,9 +83666,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -79179,9 +83731,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -79228,6 +83780,16 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -79304,9 +83866,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -79414,9 +83976,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -79469,9 +84031,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -79499,9 +84061,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -79519,9 +84081,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -79639,9 +84201,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -80393,9 +84955,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -80438,9 +85000,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -80448,9 +85010,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -80463,9 +85025,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -80483,9 +85045,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -80508,9 +85070,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -80573,9 +85135,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -80622,6 +85184,16 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -80698,9 +85270,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -80808,9 +85380,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -80863,9 +85435,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -80893,9 +85465,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -80913,9 +85485,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -81033,9 +85605,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -81787,9 +86359,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -81832,9 +86404,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -81842,9 +86414,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -81857,9 +86429,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -81877,9 +86449,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -81902,9 +86474,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -81967,9 +86539,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -82016,6 +86588,16 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -82092,9 +86674,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -82202,9 +86784,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -82257,9 +86839,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -82287,9 +86869,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -82307,9 +86889,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -82427,9 +87009,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -83215,15 +87797,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -83341,15 +87923,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -83369,15 +87951,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -83411,15 +87993,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -83467,15 +88049,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -83495,29 +88077,29 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -83537,43 +88119,43 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -83691,71 +88273,71 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -83856,6 +88438,34 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -83985,43 +88595,43 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -84069,29 +88679,29 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -84167,15 +88777,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -84377,57 +88987,57 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorPrimaryAuto": { "active": { "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #EB4A05)", + "value": "var(--vkui--color_primary_auto--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #F54C02)", + "value": "var(--vkui--color_primary_auto--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_auto", - "value": "var(--vkui--color_primary_auto, #ff4f00)", + "value": "var(--vkui--color_primary_auto, #0077FF)", }, }, "colorPrimaryBase": { "active": { "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #0059EA)", + "value": "var(--vkui--color_primary_base--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #005CF1)", + "value": "var(--vkui--color_primary_base--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #005ff9)", + "value": "var(--vkui--color_primary_base, #0077FF)", }, }, "colorPrimaryDeti": { "active": { "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #BA91E5)", + "value": "var(--vkui--color_primary_deti--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #C296ED)", + "value": "var(--vkui--color_primary_deti--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #ca9cf4)", + "value": "var(--vkui--color_primary_deti, #0077FF)", }, }, "colorPrimaryDobro": { @@ -84447,71 +89057,71 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorPrimaryHealth": { "active": { "name": "--vkui--color_primary_health--active", - "value": "var(--vkui--color_primary_health--active, #007774)", + "value": "var(--vkui--color_primary_health--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #007C77)", + "value": "var(--vkui--color_primary_health--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_health", - "value": "var(--vkui--color_primary_health, #008079)", + "value": "var(--vkui--color_primary_health, #0077FF)", }, }, "colorPrimaryHealthNew": { "active": { "name": "--vkui--color_primary_health_new--active", - "value": "var(--vkui--color_primary_health_new--active, #37C291)", + "value": "var(--vkui--color_primary_health_new--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #3ACA94)", + "value": "var(--vkui--color_primary_health_new--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_health_new", - "value": "var(--vkui--color_primary_health_new, #3cd298)", + "value": "var(--vkui--color_primary_health_new, #0077FF)", }, }, "colorPrimaryHitech": { "active": { "name": "--vkui--color_primary_hitech--active", - "value": "var(--vkui--color_primary_hitech--active, #5150CA)", + "value": "var(--vkui--color_primary_hitech--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #5453D0)", + "value": "var(--vkui--color_primary_hitech--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_hitech", - "value": "var(--vkui--color_primary_hitech, #5856d6)", + "value": "var(--vkui--color_primary_hitech, #0077FF)", }, }, "colorPrimaryKino": { "active": { "name": "--vkui--color_primary_kino--active", - "value": "var(--vkui--color_primary_kino--active, #D7EC05)", + "value": "var(--vkui--color_primary_kino--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #E1F502)", + "value": "var(--vkui--color_primary_kino--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_kino", - "value": "var(--vkui--color_primary_kino, #eaff00)", + "value": "var(--vkui--color_primary_kino, #0077FF)", }, }, "colorPrimaryLady": { "active": { "name": "--vkui--color_primary_lady--active", - "value": "var(--vkui--color_primary_lady--active, #EB2B52)", + "value": "var(--vkui--color_primary_lady--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #F52C53)", + "value": "var(--vkui--color_primary_lady--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_lady", - "value": "var(--vkui--color_primary_lady, #ff2d54)", + "value": "var(--vkui--color_primary_lady, #0077FF)", }, }, "colorPrimaryMycom": { @@ -84531,15 +89141,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorPrimaryPets": { "active": { "name": "--vkui--color_primary_pets--active", - "value": "var(--vkui--color_primary_pets--active, #E9626A)", + "value": "var(--vkui--color_primary_pets--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #F3656C)", + "value": "var(--vkui--color_primary_pets--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fd696e)", + "value": "var(--vkui--color_primary_pets, #0077FF)", }, }, "colorPrimaryPharma": { @@ -84601,29 +89211,29 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorSecondaryBase": { "active": { "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #EB9305)", + "value": "var(--vkui--color_secondary_base--active, #006FEF)", }, "hover": { "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #F59802)", + "value": "var(--vkui--color_secondary_base--hover, #0073F7)", }, "normal": { "name": "--vkui--color_secondary_base", - "value": "var(--vkui--color_secondary_base, #ff9e00)", + "value": "var(--vkui--color_secondary_base, #0077FF)", }, }, "colorSecondaryHealth": { "active": { "name": "--vkui--color_secondary_health--active", - "value": "var(--vkui--color_secondary_health--active, #E9D851)", + "value": "var(--vkui--color_secondary_health--active, #006FEF)", }, "hover": { "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #F3E052)", + "value": "var(--vkui--color_secondary_health--hover, #0073F7)", }, "normal": { "name": "--vkui--color_secondary_health", - "value": "var(--vkui--color_secondary_health, #fde953)", + "value": "var(--vkui--color_secondary_health, #0077FF)", }, }, "colorSecondaryMycom": { @@ -84853,29 +89463,29 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -84895,15 +89505,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -84937,29 +89547,29 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -84993,29 +89603,29 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -85063,15 +89673,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -85329,15 +89939,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -85854,7 +90464,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontFamilyArticle": { "name": "--vkui--font_family_article", @@ -86030,7 +90640,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_h1--font_family--compact", - "value": "var(--vkui--font_h1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--compact", @@ -86048,7 +90658,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", @@ -86086,7 +90696,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_h2--font_family--compact", - "value": "var(--vkui--font_h2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--compact", @@ -86104,7 +90714,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", @@ -86142,7 +90752,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h3--font_family--regular", - "value": "var(--vkui--font_h3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h3--font_size--regular", @@ -86180,7 +90790,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h4--font_family--regular", - "value": "var(--vkui--font_h4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h4--font_size--regular", @@ -86228,7 +90838,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -86276,7 +90886,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -86324,7 +90934,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -86410,7 +91020,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -86496,7 +91106,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -86534,7 +91144,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -86572,7 +91182,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -86946,7 +91556,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_lead--font_family--compact", - "value": "var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_lead--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_lead--font_size--compact", @@ -86968,7 +91578,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_lead--font_family--regular", - "value": "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_lead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_lead--font_size--regular", @@ -87192,7 +91802,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_quote--font_family--compact", - "value": "var(--vkui--media_font_media_quote--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote--font_size--compact", @@ -87214,7 +91824,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_quote--font_family--regular", - "value": "var(--vkui--media_font_media_quote--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote--font_size--regular", @@ -87260,7 +91870,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_quote_person--font_family--compact", - "value": "var(--vkui--media_font_media_quote_person--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote_person--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote_person--font_size--compact", @@ -87282,7 +91892,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_quote_person--font_family--regular", - "value": "var(--vkui--media_font_media_quote_person--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote_person--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote_person--font_size--regular", @@ -87324,7 +91934,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_subtitle_light--font_family--regular", - "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_subtitle_light--font_size--regular", @@ -87362,7 +91972,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_text_secondary_light--font_family--regular", - "value": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_text_secondary_light--font_size--regular", @@ -87404,7 +92014,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title1--font_family--compact", - "value": "var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1--font_size--compact", @@ -87426,7 +92036,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title1--font_family--regular", - "value": "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1--font_size--regular", @@ -87472,7 +92082,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title1_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1_tiny--font_size--compact", @@ -87494,7 +92104,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title1_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1_tiny--font_size--regular", @@ -87540,7 +92150,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title2--font_family--compact", - "value": "var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2--font_size--compact", @@ -87562,7 +92172,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title2--font_family--regular", - "value": "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2--font_size--regular", @@ -87608,7 +92218,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title2_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2_tiny--font_size--compact", @@ -87630,7 +92240,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title2_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2_tiny--font_size--regular", @@ -87676,7 +92286,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title3--font_family--compact", - "value": "var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title3--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title3--font_size--compact", @@ -87698,7 +92308,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title3--font_family--regular", - "value": "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title3--font_size--regular", @@ -87744,7 +92354,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title4--font_family--compact", - "value": "var(--vkui--media_font_media_title4--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title4--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title4--font_size--compact", @@ -87766,7 +92376,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title4--font_family--regular", - "value": "var(--vkui--media_font_media_title4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title4--font_size--regular", @@ -87812,7 +92422,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title5--font_family--compact", - "value": "var(--vkui--media_font_media_title5--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title5--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title5--font_size--compact", @@ -87834,7 +92444,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title5--font_family--regular", - "value": "var(--vkui--media_font_media_title5--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title5--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title5--font_size--regular", @@ -87880,7 +92490,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title6--font_family--compact", - "value": "var(--vkui--media_font_media_title6--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title6--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title6--font_size--compact", @@ -87902,7 +92512,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title6--font_family--regular", - "value": "var(--vkui--media_font_media_title6--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title6--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title6--font_size--regular", @@ -89461,9 +94071,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -89506,9 +94116,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -89516,9 +94126,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -89531,9 +94141,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -89551,9 +94161,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -89561,14 +94171,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -89576,19 +94186,19 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -89631,29 +94241,29 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -89690,6 +94300,16 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -89736,19 +94356,19 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -89766,14 +94386,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -89801,9 +94421,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -89876,24 +94496,24 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorPrimaryAuto": { - "active": "#EB4A05", - "hover": "#F54C02", - "normal": "#ff4f00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryBase": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005ff9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDeti": { - "active": "#BA91E5", - "hover": "#C296ED", - "normal": "#ca9cf4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDobro": { "active": "#EBC405", @@ -89901,29 +94521,29 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#ffd400", }, "colorPrimaryHealth": { - "active": "#007774", - "hover": "#007C77", - "normal": "#008079", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHealthNew": { - "active": "#37C291", - "hover": "#3ACA94", - "normal": "#3cd298", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHitech": { - "active": "#5150CA", - "hover": "#5453D0", - "normal": "#5856d6", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryKino": { - "active": "#D7EC05", - "hover": "#E1F502", - "normal": "#eaff00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryLady": { - "active": "#EB2B52", - "hover": "#F52C53", - "normal": "#ff2d54", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryMycom": { "active": "#009FE4", @@ -89931,9 +94551,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#00abf2", }, "colorPrimaryPets": { - "active": "#E9626A", - "hover": "#F3656C", - "normal": "#fd696e", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryPharma": { "active": "#1BC39A", @@ -89956,14 +94576,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#E6E7EB", }, "colorSecondaryBase": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryHealth": { - "active": "#E9D851", - "hover": "#F3E052", - "normal": "#fde953", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryMycom": { "active": "#E82A38", @@ -90046,14 +94666,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -90061,9 +94681,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -90076,14 +94696,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -90096,14 +94716,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -90121,9 +94741,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -90216,9 +94836,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -90333,7 +94953,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", @@ -90369,13 +94989,13 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "lineHeight": "48px", @@ -90383,13 +95003,13 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "32px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "34px", @@ -90397,7 +95017,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -90405,7 +95025,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "22px", @@ -90417,7 +95037,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -90429,7 +95049,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -90441,7 +95061,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -90461,7 +95081,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -90481,7 +95101,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -90489,7 +95109,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -90497,7 +95117,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -90593,14 +95213,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90650,14 +95270,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90666,14 +95286,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 600, "letterSpacing": "-0.005em", @@ -90682,7 +95302,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 400, "lineHeight": "26px", @@ -90690,7 +95310,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -90698,14 +95318,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "48px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "56px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90714,14 +95334,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "40px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "48px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90730,14 +95350,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "44px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90746,14 +95366,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90762,14 +95382,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90778,14 +95398,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90794,14 +95414,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -90810,14 +95430,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "28px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -91295,9 +95915,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -91340,9 +95960,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -91350,9 +95970,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -91365,9 +95985,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -91385,9 +96005,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -91395,14 +96015,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -91410,19 +96030,19 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -91465,29 +96085,29 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -91524,6 +96144,16 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -91570,19 +96200,19 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -91600,14 +96230,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -91635,9 +96265,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -91710,24 +96340,24 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorPrimaryAuto": { - "active": "var(--vkui--color_primary_auto--active, #EB4A05)", - "hover": "var(--vkui--color_primary_auto--hover, #F54C02)", - "normal": "var(--vkui--color_primary_auto, #ff4f00)", + "active": "var(--vkui--color_primary_auto--active, #006FEF)", + "hover": "var(--vkui--color_primary_auto--hover, #0073F7)", + "normal": "var(--vkui--color_primary_auto, #0077FF)", }, "colorPrimaryBase": { - "active": "var(--vkui--color_primary_base--active, #0059EA)", - "hover": "var(--vkui--color_primary_base--hover, #005CF1)", - "normal": "var(--vkui--color_primary_base, #005ff9)", + "active": "var(--vkui--color_primary_base--active, #006FEF)", + "hover": "var(--vkui--color_primary_base--hover, #0073F7)", + "normal": "var(--vkui--color_primary_base, #0077FF)", }, "colorPrimaryDeti": { - "active": "var(--vkui--color_primary_deti--active, #BA91E5)", - "hover": "var(--vkui--color_primary_deti--hover, #C296ED)", - "normal": "var(--vkui--color_primary_deti, #ca9cf4)", + "active": "var(--vkui--color_primary_deti--active, #006FEF)", + "hover": "var(--vkui--color_primary_deti--hover, #0073F7)", + "normal": "var(--vkui--color_primary_deti, #0077FF)", }, "colorPrimaryDobro": { "active": "var(--vkui--color_primary_dobro--active, #EBC405)", @@ -91735,29 +96365,29 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_primary_dobro, #ffd400)", }, "colorPrimaryHealth": { - "active": "var(--vkui--color_primary_health--active, #007774)", - "hover": "var(--vkui--color_primary_health--hover, #007C77)", - "normal": "var(--vkui--color_primary_health, #008079)", + "active": "var(--vkui--color_primary_health--active, #006FEF)", + "hover": "var(--vkui--color_primary_health--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health, #0077FF)", }, "colorPrimaryHealthNew": { - "active": "var(--vkui--color_primary_health_new--active, #37C291)", - "hover": "var(--vkui--color_primary_health_new--hover, #3ACA94)", - "normal": "var(--vkui--color_primary_health_new, #3cd298)", + "active": "var(--vkui--color_primary_health_new--active, #006FEF)", + "hover": "var(--vkui--color_primary_health_new--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health_new, #0077FF)", }, "colorPrimaryHitech": { - "active": "var(--vkui--color_primary_hitech--active, #5150CA)", - "hover": "var(--vkui--color_primary_hitech--hover, #5453D0)", - "normal": "var(--vkui--color_primary_hitech, #5856d6)", + "active": "var(--vkui--color_primary_hitech--active, #006FEF)", + "hover": "var(--vkui--color_primary_hitech--hover, #0073F7)", + "normal": "var(--vkui--color_primary_hitech, #0077FF)", }, "colorPrimaryKino": { - "active": "var(--vkui--color_primary_kino--active, #D7EC05)", - "hover": "var(--vkui--color_primary_kino--hover, #E1F502)", - "normal": "var(--vkui--color_primary_kino, #eaff00)", + "active": "var(--vkui--color_primary_kino--active, #006FEF)", + "hover": "var(--vkui--color_primary_kino--hover, #0073F7)", + "normal": "var(--vkui--color_primary_kino, #0077FF)", }, "colorPrimaryLady": { - "active": "var(--vkui--color_primary_lady--active, #EB2B52)", - "hover": "var(--vkui--color_primary_lady--hover, #F52C53)", - "normal": "var(--vkui--color_primary_lady, #ff2d54)", + "active": "var(--vkui--color_primary_lady--active, #006FEF)", + "hover": "var(--vkui--color_primary_lady--hover, #0073F7)", + "normal": "var(--vkui--color_primary_lady, #0077FF)", }, "colorPrimaryMycom": { "active": "var(--vkui--color_primary_mycom--active, #009FE4)", @@ -91765,9 +96395,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_primary_mycom, #00abf2)", }, "colorPrimaryPets": { - "active": "var(--vkui--color_primary_pets--active, #E9626A)", - "hover": "var(--vkui--color_primary_pets--hover, #F3656C)", - "normal": "var(--vkui--color_primary_pets, #fd696e)", + "active": "var(--vkui--color_primary_pets--active, #006FEF)", + "hover": "var(--vkui--color_primary_pets--hover, #0073F7)", + "normal": "var(--vkui--color_primary_pets, #0077FF)", }, "colorPrimaryPharma": { "active": "var(--vkui--color_primary_pharma--active, #1BC39A)", @@ -91790,14 +96420,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, "colorSecondaryBase": { - "active": "var(--vkui--color_secondary_base--active, #EB9305)", - "hover": "var(--vkui--color_secondary_base--hover, #F59802)", - "normal": "var(--vkui--color_secondary_base, #ff9e00)", + "active": "var(--vkui--color_secondary_base--active, #006FEF)", + "hover": "var(--vkui--color_secondary_base--hover, #0073F7)", + "normal": "var(--vkui--color_secondary_base, #0077FF)", }, "colorSecondaryHealth": { - "active": "var(--vkui--color_secondary_health--active, #E9D851)", - "hover": "var(--vkui--color_secondary_health--hover, #F3E052)", - "normal": "var(--vkui--color_secondary_health, #fde953)", + "active": "var(--vkui--color_secondary_health--active, #006FEF)", + "hover": "var(--vkui--color_secondary_health--hover, #0073F7)", + "normal": "var(--vkui--color_secondary_health, #0077FF)", }, "colorSecondaryMycom": { "active": "var(--vkui--color_secondary_mycom--active, #E82A38)", @@ -91880,14 +96510,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -91895,9 +96525,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -91910,14 +96540,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -91930,14 +96560,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -91955,9 +96585,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -92050,9 +96680,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -92167,7 +96797,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontFamilyArticle": "var(--vkui--font_family_article, Inter, Helvetica, Arial, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", @@ -92203,13 +96833,13 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "var(--vkui--font_h1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--compact, 28px)", "fontWeight": "var(--vkui--font_h1--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--regular, 36px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 48px)", @@ -92217,13 +96847,13 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "var(--vkui--font_h2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--compact, 24px)", "fontWeight": "var(--vkui--font_h2--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--regular, 28px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h2--line_height--regular, 34px)", @@ -92231,7 +96861,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "var(--vkui--font_h3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h3--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_h3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h3--line_height--regular, 26px)", @@ -92239,7 +96869,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "var(--vkui--font_h4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h4--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_h4--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h4--line_height--regular, 22px)", @@ -92251,7 +96881,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -92263,7 +96893,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -92275,7 +96905,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -92295,7 +96925,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -92315,7 +96945,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -92323,7 +96953,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", @@ -92331,7 +96961,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -92427,14 +97057,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_lead--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_lead--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_lead--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_lead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_lead--font_size--regular, 18px)", "fontWeight": "var(--vkui--media_font_media_lead--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--regular, -0.005em)", @@ -92484,14 +97114,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_quote--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_quote--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote--font_size--regular, 18px)", "fontWeight": "var(--vkui--media_font_media_quote--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--regular, -0.005em)", @@ -92500,14 +97130,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote_person--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--compact, 600)", "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_quote_person--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote_person--font_size--regular, 18px)", "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--regular, 600)", "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--regular, -0.005em)", @@ -92516,7 +97146,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_subtitle_light--font_size--regular, 20px)", "fontWeight": "var(--vkui--media_font_media_subtitle_light--font_weight--regular, 400)", "lineHeight": "var(--vkui--media_font_media_subtitle_light--line_height--regular, 26px)", @@ -92524,7 +97154,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_text_secondary_light--font_size--regular, 15px)", "fontWeight": "var(--vkui--media_font_media_text_secondary_light--font_weight--regular, 400)", "lineHeight": "var(--vkui--media_font_media_text_secondary_light--line_height--regular, 20px)", @@ -92532,14 +97162,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1--font_size--compact, 48px)", "fontWeight": "var(--vkui--media_font_media_title1--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title1--line_height--compact, 56px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1--font_size--regular, 30px)", "fontWeight": "var(--vkui--media_font_media_title1--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--regular, -0.005em)", @@ -92548,14 +97178,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px)", "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px)", "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em)", @@ -92564,14 +97194,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2--font_size--compact, 36px)", "fontWeight": "var(--vkui--media_font_media_title2--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title2--line_height--compact, 44px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2--font_size--regular, 28px)", "fontWeight": "var(--vkui--media_font_media_title2--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--regular, -0.005em)", @@ -92580,14 +97210,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px)", "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px)", "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em)", @@ -92596,14 +97226,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title3--font_size--compact, 32px)", "fontWeight": "var(--vkui--media_font_media_title3--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title3--line_height--compact, 40px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title3--font_size--regular, 26px)", "fontWeight": "var(--vkui--media_font_media_title3--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--regular, -0.005em)", @@ -92612,14 +97242,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title4--font_size--compact, 28px)", "fontWeight": "var(--vkui--media_font_media_title4--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title4--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title4--font_size--regular, 24px)", "fontWeight": "var(--vkui--media_font_media_title4--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--regular, -0.005em)", @@ -92628,14 +97258,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title5--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_title5--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title5--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title5--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title5--font_size--regular, 22px)", "fontWeight": "var(--vkui--media_font_media_title5--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--regular, -0.005em)", @@ -92644,14 +97274,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title6--font_size--compact, 22px)", "fontWeight": "var(--vkui--media_font_media_title6--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title6--line_height--compact, 28px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title6--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title6--font_size--regular, 20px)", "fontWeight": "var(--vkui--media_font_media_title6--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--regular, -0.005em)", @@ -93129,9 +97759,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -93174,9 +97804,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -93184,9 +97814,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -93199,9 +97829,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -93219,9 +97849,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -93229,14 +97859,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -93244,19 +97874,19 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -93299,29 +97929,29 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -93358,6 +97988,16 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -93404,19 +98044,19 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -93434,14 +98074,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -93469,9 +98109,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -93544,24 +98184,24 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorPrimaryAuto": { - "active": "#EB4A05", - "hover": "#F54C02", - "normal": "#ff4f00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryBase": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005ff9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDeti": { - "active": "#BA91E5", - "hover": "#C296ED", - "normal": "#ca9cf4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDobro": { "active": "#EBC405", @@ -93569,29 +98209,29 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#ffd400", }, "colorPrimaryHealth": { - "active": "#007774", - "hover": "#007C77", - "normal": "#008079", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHealthNew": { - "active": "#37C291", - "hover": "#3ACA94", - "normal": "#3cd298", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHitech": { - "active": "#5150CA", - "hover": "#5453D0", - "normal": "#5856d6", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryKino": { - "active": "#D7EC05", - "hover": "#E1F502", - "normal": "#eaff00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryLady": { - "active": "#EB2B52", - "hover": "#F52C53", - "normal": "#ff2d54", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryMycom": { "active": "#009FE4", @@ -93599,9 +98239,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#00abf2", }, "colorPrimaryPets": { - "active": "#E9626A", - "hover": "#F3656C", - "normal": "#fd696e", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryPharma": { "active": "#1BC39A", @@ -93624,14 +98264,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#E6E7EB", }, "colorSecondaryBase": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryHealth": { - "active": "#E9D851", - "hover": "#F3E052", - "normal": "#fde953", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryMycom": { "active": "#E82A38", @@ -93714,14 +98354,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -93729,9 +98369,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -93744,14 +98384,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -93764,14 +98404,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -93789,9 +98429,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -93884,9 +98524,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -94001,7 +98641,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", @@ -94037,13 +98677,13 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "lineHeight": 48, @@ -94051,13 +98691,13 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 34, @@ -94065,7 +98705,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -94073,7 +98713,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 22, @@ -94085,7 +98725,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -94097,7 +98737,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -94109,7 +98749,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -94129,7 +98769,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -94149,7 +98789,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -94157,7 +98797,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -94165,7 +98805,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -94261,14 +98901,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94318,14 +98958,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94334,14 +98974,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 600, "letterSpacing": "-0.005em", @@ -94350,7 +98990,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 400, "lineHeight": 26, @@ -94358,7 +98998,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -94366,14 +99006,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 48, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 56, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94382,14 +99022,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 40, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 48, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94398,14 +99038,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 44, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94414,14 +99054,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94430,14 +99070,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94446,14 +99086,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94462,14 +99102,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94478,14 +99118,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 28, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -94989,15 +99629,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -95115,15 +99755,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -95143,15 +99783,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -95185,15 +99825,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -95241,15 +99881,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -95311,15 +99951,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -95493,15 +100133,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -95630,6 +100270,34 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -95843,15 +100511,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -96151,57 +100819,57 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorPrimaryAuto": { "active": { "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #FF5D14)", + "value": "var(--vkui--color_primary_auto--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #FF560A)", + "value": "var(--vkui--color_primary_auto--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_auto", - "value": "var(--vkui--color_primary_auto, #ff4f00)", + "value": "var(--vkui--color_primary_auto, #0077FF)", }, }, "colorPrimaryBase": { "active": { "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #146CF9)", + "value": "var(--vkui--color_primary_base--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #0A65F9)", + "value": "var(--vkui--color_primary_base--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #005ff9)", + "value": "var(--vkui--color_primary_base, #0077FF)", }, }, "colorPrimaryDeti": { "active": { "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #CEA4F5)", + "value": "var(--vkui--color_primary_deti--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #CCA0F4)", + "value": "var(--vkui--color_primary_deti--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #ca9cf4)", + "value": "var(--vkui--color_primary_deti, #0077FF)", }, }, "colorPrimaryDobro": { @@ -96221,71 +100889,71 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorPrimaryHealth": { "active": { "name": "--vkui--color_primary_health--active", - "value": "var(--vkui--color_primary_health--active, #148A84)", + "value": "var(--vkui--color_primary_health--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #0A857E)", + "value": "var(--vkui--color_primary_health--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_health", - "value": "var(--vkui--color_primary_health, #008079)", + "value": "var(--vkui--color_primary_health, #0077FF)", }, }, "colorPrimaryHealthNew": { "active": { "name": "--vkui--color_primary_health_new--active", - "value": "var(--vkui--color_primary_health_new--active, #4CD6A0)", + "value": "var(--vkui--color_primary_health_new--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #44D49C)", + "value": "var(--vkui--color_primary_health_new--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_health_new", - "value": "var(--vkui--color_primary_health_new, #3cd298)", + "value": "var(--vkui--color_primary_health_new, #0077FF)", }, }, "colorPrimaryHitech": { "active": { "name": "--vkui--color_primary_hitech--active", - "value": "var(--vkui--color_primary_hitech--active, #6564D9)", + "value": "var(--vkui--color_primary_hitech--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #5F5DD8)", + "value": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_hitech", - "value": "var(--vkui--color_primary_hitech, #5856d6)", + "value": "var(--vkui--color_primary_hitech, #0077FF)", }, }, "colorPrimaryKino": { "active": { "name": "--vkui--color_primary_kino--active", - "value": "var(--vkui--color_primary_kino--active, #ECFF14)", + "value": "var(--vkui--color_primary_kino--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #EBFF0A)", + "value": "var(--vkui--color_primary_kino--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_kino", - "value": "var(--vkui--color_primary_kino, #eaff00)", + "value": "var(--vkui--color_primary_kino, #0077FF)", }, }, "colorPrimaryLady": { "active": { "name": "--vkui--color_primary_lady--active", - "value": "var(--vkui--color_primary_lady--active, #FF3E62)", + "value": "var(--vkui--color_primary_lady--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #FF355B)", + "value": "var(--vkui--color_primary_lady--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_lady", - "value": "var(--vkui--color_primary_lady, #ff2d54)", + "value": "var(--vkui--color_primary_lady, #0077FF)", }, }, "colorPrimaryMycom": { @@ -96305,15 +100973,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorPrimaryPets": { "active": { "name": "--vkui--color_primary_pets--active", - "value": "var(--vkui--color_primary_pets--active, #FD757A)", + "value": "var(--vkui--color_primary_pets--active, #1482FF)", }, "hover": { "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #FD6F74)", + "value": "var(--vkui--color_primary_pets--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fd696e)", + "value": "var(--vkui--color_primary_pets, #0077FF)", }, }, "colorPrimaryPharma": { @@ -96375,29 +101043,29 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorSecondaryBase": { "active": { "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #FFA614)", + "value": "var(--vkui--color_secondary_base--active, #1482FF)", }, "hover": { "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #FFA20A)", + "value": "var(--vkui--color_secondary_base--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_secondary_base", - "value": "var(--vkui--color_secondary_base, #ff9e00)", + "value": "var(--vkui--color_secondary_base, #0077FF)", }, }, "colorSecondaryHealth": { "active": { "name": "--vkui--color_secondary_health--active", - "value": "var(--vkui--color_secondary_health--active, #FDEB61)", + "value": "var(--vkui--color_secondary_health--active, #1482FF)", }, "hover": { "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #FDEA5A)", + "value": "var(--vkui--color_secondary_health--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_secondary_health", - "value": "var(--vkui--color_secondary_health, #fde953)", + "value": "var(--vkui--color_secondary_health, #0077FF)", }, }, "colorSecondaryMycom": { @@ -96627,15 +101295,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -96711,15 +101379,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -96767,15 +101435,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -97103,15 +101771,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -97628,7 +102296,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontFamilyArticle": { "name": "--vkui--font_family_article", @@ -97804,7 +102472,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_h1--font_family--compact", - "value": "var(--vkui--font_h1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--compact", @@ -97822,7 +102490,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", @@ -97860,7 +102528,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_h2--font_family--compact", - "value": "var(--vkui--font_h2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--compact", @@ -97878,7 +102546,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", @@ -97916,7 +102584,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h3--font_family--regular", - "value": "var(--vkui--font_h3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h3--font_size--regular", @@ -97954,7 +102622,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h4--font_family--regular", - "value": "var(--vkui--font_h4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h4--font_size--regular", @@ -98002,7 +102670,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -98050,7 +102718,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -98098,7 +102766,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -98184,7 +102852,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -98270,7 +102938,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -98308,7 +102976,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -98346,7 +103014,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -98720,7 +103388,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_lead--font_family--compact", - "value": "var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_lead--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_lead--font_size--compact", @@ -98742,7 +103410,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_lead--font_family--regular", - "value": "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_lead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_lead--font_size--regular", @@ -98966,7 +103634,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_quote--font_family--compact", - "value": "var(--vkui--media_font_media_quote--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote--font_size--compact", @@ -98988,7 +103656,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_quote--font_family--regular", - "value": "var(--vkui--media_font_media_quote--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote--font_size--regular", @@ -99034,7 +103702,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_quote_person--font_family--compact", - "value": "var(--vkui--media_font_media_quote_person--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote_person--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote_person--font_size--compact", @@ -99056,7 +103724,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_quote_person--font_family--regular", - "value": "var(--vkui--media_font_media_quote_person--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote_person--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote_person--font_size--regular", @@ -99098,7 +103766,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_subtitle_light--font_family--regular", - "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_subtitle_light--font_size--regular", @@ -99136,7 +103804,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_text_secondary_light--font_family--regular", - "value": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_text_secondary_light--font_size--regular", @@ -99178,7 +103846,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title1--font_family--compact", - "value": "var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1--font_size--compact", @@ -99200,7 +103868,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title1--font_family--regular", - "value": "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1--font_size--regular", @@ -99246,7 +103914,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title1_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1_tiny--font_size--compact", @@ -99268,7 +103936,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title1_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1_tiny--font_size--regular", @@ -99314,7 +103982,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title2--font_family--compact", - "value": "var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2--font_size--compact", @@ -99336,7 +104004,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title2--font_family--regular", - "value": "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2--font_size--regular", @@ -99382,7 +104050,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title2_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2_tiny--font_size--compact", @@ -99404,7 +104072,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title2_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2_tiny--font_size--regular", @@ -99450,7 +104118,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title3--font_family--compact", - "value": "var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title3--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title3--font_size--compact", @@ -99472,7 +104140,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title3--font_family--regular", - "value": "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title3--font_size--regular", @@ -99518,7 +104186,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title4--font_family--compact", - "value": "var(--vkui--media_font_media_title4--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title4--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title4--font_size--compact", @@ -99540,7 +104208,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title4--font_family--regular", - "value": "var(--vkui--media_font_media_title4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title4--font_size--regular", @@ -99586,7 +104254,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title5--font_family--compact", - "value": "var(--vkui--media_font_media_title5--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title5--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title5--font_size--compact", @@ -99608,7 +104276,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title5--font_family--regular", - "value": "var(--vkui--media_font_media_title5--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title5--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title5--font_size--regular", @@ -99654,7 +104322,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_title6--font_family--compact", - "value": "var(--vkui--media_font_media_title6--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title6--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title6--font_size--compact", @@ -99676,7 +104344,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_title6--font_family--regular", - "value": "var(--vkui--media_font_media_title6--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title6--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title6--font_size--regular", @@ -101235,9 +105903,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -101280,9 +105948,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -101290,9 +105958,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -101305,9 +105973,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -101325,9 +105993,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -101350,9 +106018,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -101415,9 +106083,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -101464,6 +106132,16 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -101540,9 +106218,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -101650,24 +106328,24 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryAuto": { - "active": "#FF5D14", - "hover": "#FF560A", - "normal": "#ff4f00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryBase": { - "active": "#146CF9", - "hover": "#0A65F9", - "normal": "#005ff9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryDeti": { - "active": "#CEA4F5", - "hover": "#CCA0F4", - "normal": "#ca9cf4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryDobro": { "active": "#FFD714", @@ -101675,29 +106353,29 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#ffd400", }, "colorPrimaryHealth": { - "active": "#148A84", - "hover": "#0A857E", - "normal": "#008079", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryHealthNew": { - "active": "#4CD6A0", - "hover": "#44D49C", - "normal": "#3cd298", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryHitech": { - "active": "#6564D9", - "hover": "#5F5DD8", - "normal": "#5856d6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryKino": { - "active": "#ECFF14", - "hover": "#EBFF0A", - "normal": "#eaff00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryLady": { - "active": "#FF3E62", - "hover": "#FF355B", - "normal": "#ff2d54", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryMycom": { "active": "#14B2F3", @@ -101705,9 +106383,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#00abf2", }, "colorPrimaryPets": { - "active": "#FD757A", - "hover": "#FD6F74", - "normal": "#fd696e", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryPharma": { "active": "#2FD7A9", @@ -101730,14 +106408,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#393A3B", }, "colorSecondaryBase": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#ff9e00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorSecondaryHealth": { - "active": "#FDEB61", - "hover": "#FDEA5A", - "normal": "#fde953", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorSecondaryMycom": { "active": "#FC3D48", @@ -101820,9 +106498,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -101850,9 +106528,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -101870,9 +106548,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -101990,9 +106668,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -102107,7 +106785,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", @@ -102143,13 +106821,13 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "lineHeight": "48px", @@ -102157,13 +106835,13 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "32px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "34px", @@ -102171,7 +106849,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -102179,7 +106857,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "22px", @@ -102191,7 +106869,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -102203,7 +106881,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -102215,7 +106893,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -102235,7 +106913,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -102255,7 +106933,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -102263,7 +106941,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -102271,7 +106949,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -102367,14 +107045,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102424,14 +107102,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102440,14 +107118,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 600, "letterSpacing": "-0.005em", @@ -102456,7 +107134,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 400, "lineHeight": "26px", @@ -102464,7 +107142,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -102472,14 +107150,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "48px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "56px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102488,14 +107166,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "40px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "48px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102504,14 +107182,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "44px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102520,14 +107198,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102536,14 +107214,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102552,14 +107230,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102568,14 +107246,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -102584,14 +107262,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "28px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -103069,9 +107747,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -103114,9 +107792,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -103124,9 +107802,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -103139,9 +107817,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -103159,9 +107837,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -103184,9 +107862,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -103249,9 +107927,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -103298,6 +107976,16 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -103374,9 +108062,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -103484,24 +108172,24 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorPrimaryAuto": { - "active": "var(--vkui--color_primary_auto--active, #FF5D14)", - "hover": "var(--vkui--color_primary_auto--hover, #FF560A)", - "normal": "var(--vkui--color_primary_auto, #ff4f00)", + "active": "var(--vkui--color_primary_auto--active, #1482FF)", + "hover": "var(--vkui--color_primary_auto--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_auto, #0077FF)", }, "colorPrimaryBase": { - "active": "var(--vkui--color_primary_base--active, #146CF9)", - "hover": "var(--vkui--color_primary_base--hover, #0A65F9)", - "normal": "var(--vkui--color_primary_base, #005ff9)", + "active": "var(--vkui--color_primary_base--active, #1482FF)", + "hover": "var(--vkui--color_primary_base--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_base, #0077FF)", }, "colorPrimaryDeti": { - "active": "var(--vkui--color_primary_deti--active, #CEA4F5)", - "hover": "var(--vkui--color_primary_deti--hover, #CCA0F4)", - "normal": "var(--vkui--color_primary_deti, #ca9cf4)", + "active": "var(--vkui--color_primary_deti--active, #1482FF)", + "hover": "var(--vkui--color_primary_deti--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_deti, #0077FF)", }, "colorPrimaryDobro": { "active": "var(--vkui--color_primary_dobro--active, #FFD714)", @@ -103509,29 +108197,29 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_primary_dobro, #ffd400)", }, "colorPrimaryHealth": { - "active": "var(--vkui--color_primary_health--active, #148A84)", - "hover": "var(--vkui--color_primary_health--hover, #0A857E)", - "normal": "var(--vkui--color_primary_health, #008079)", + "active": "var(--vkui--color_primary_health--active, #1482FF)", + "hover": "var(--vkui--color_primary_health--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_health, #0077FF)", }, "colorPrimaryHealthNew": { - "active": "var(--vkui--color_primary_health_new--active, #4CD6A0)", - "hover": "var(--vkui--color_primary_health_new--hover, #44D49C)", - "normal": "var(--vkui--color_primary_health_new, #3cd298)", + "active": "var(--vkui--color_primary_health_new--active, #1482FF)", + "hover": "var(--vkui--color_primary_health_new--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_health_new, #0077FF)", }, "colorPrimaryHitech": { - "active": "var(--vkui--color_primary_hitech--active, #6564D9)", - "hover": "var(--vkui--color_primary_hitech--hover, #5F5DD8)", - "normal": "var(--vkui--color_primary_hitech, #5856d6)", + "active": "var(--vkui--color_primary_hitech--active, #1482FF)", + "hover": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_hitech, #0077FF)", }, "colorPrimaryKino": { - "active": "var(--vkui--color_primary_kino--active, #ECFF14)", - "hover": "var(--vkui--color_primary_kino--hover, #EBFF0A)", - "normal": "var(--vkui--color_primary_kino, #eaff00)", + "active": "var(--vkui--color_primary_kino--active, #1482FF)", + "hover": "var(--vkui--color_primary_kino--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_kino, #0077FF)", }, "colorPrimaryLady": { - "active": "var(--vkui--color_primary_lady--active, #FF3E62)", - "hover": "var(--vkui--color_primary_lady--hover, #FF355B)", - "normal": "var(--vkui--color_primary_lady, #ff2d54)", + "active": "var(--vkui--color_primary_lady--active, #1482FF)", + "hover": "var(--vkui--color_primary_lady--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_lady, #0077FF)", }, "colorPrimaryMycom": { "active": "var(--vkui--color_primary_mycom--active, #14B2F3)", @@ -103539,9 +108227,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_primary_mycom, #00abf2)", }, "colorPrimaryPets": { - "active": "var(--vkui--color_primary_pets--active, #FD757A)", - "hover": "var(--vkui--color_primary_pets--hover, #FD6F74)", - "normal": "var(--vkui--color_primary_pets, #fd696e)", + "active": "var(--vkui--color_primary_pets--active, #1482FF)", + "hover": "var(--vkui--color_primary_pets--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_pets, #0077FF)", }, "colorPrimaryPharma": { "active": "var(--vkui--color_primary_pharma--active, #2FD7A9)", @@ -103564,14 +108252,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_search_field_background, #393A3B)", }, "colorSecondaryBase": { - "active": "var(--vkui--color_secondary_base--active, #FFA614)", - "hover": "var(--vkui--color_secondary_base--hover, #FFA20A)", - "normal": "var(--vkui--color_secondary_base, #ff9e00)", + "active": "var(--vkui--color_secondary_base--active, #1482FF)", + "hover": "var(--vkui--color_secondary_base--hover, #0A7CFF)", + "normal": "var(--vkui--color_secondary_base, #0077FF)", }, "colorSecondaryHealth": { - "active": "var(--vkui--color_secondary_health--active, #FDEB61)", - "hover": "var(--vkui--color_secondary_health--hover, #FDEA5A)", - "normal": "var(--vkui--color_secondary_health, #fde953)", + "active": "var(--vkui--color_secondary_health--active, #1482FF)", + "hover": "var(--vkui--color_secondary_health--hover, #0A7CFF)", + "normal": "var(--vkui--color_secondary_health, #0077FF)", }, "colorSecondaryMycom": { "active": "var(--vkui--color_secondary_mycom--active, #FC3D48)", @@ -103654,9 +108342,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -103684,9 +108372,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -103704,9 +108392,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -103824,9 +108512,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -103941,7 +108629,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontFamilyArticle": "var(--vkui--font_family_article, Inter, Helvetica, Arial, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", @@ -103977,13 +108665,13 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontH1": { "compact": { - "fontFamily": "var(--vkui--font_h1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--compact, 28px)", "fontWeight": "var(--vkui--font_h1--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--regular, 36px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 48px)", @@ -103991,13 +108679,13 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontH2": { "compact": { - "fontFamily": "var(--vkui--font_h2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--compact, 24px)", "fontWeight": "var(--vkui--font_h2--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--regular, 28px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h2--line_height--regular, 34px)", @@ -104005,7 +108693,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontH3": { "regular": { - "fontFamily": "var(--vkui--font_h3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h3--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_h3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h3--line_height--regular, 26px)", @@ -104013,7 +108701,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontH4": { "regular": { - "fontFamily": "var(--vkui--font_h4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h4--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_h4--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_h4--line_height--regular, 22px)", @@ -104025,7 +108713,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -104037,7 +108725,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -104049,7 +108737,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -104069,7 +108757,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -104089,7 +108777,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -104097,7 +108785,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", @@ -104105,7 +108793,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -104201,14 +108889,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaLead": { "compact": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_lead--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_lead--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_lead--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_lead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_lead--font_size--regular, 18px)", "fontWeight": "var(--vkui--media_font_media_lead--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--regular, -0.005em)", @@ -104258,14 +108946,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_quote--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_quote--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote--font_size--regular, 18px)", "fontWeight": "var(--vkui--media_font_media_quote--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--regular, -0.005em)", @@ -104274,14 +108962,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote_person--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--compact, 600)", "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_quote_person--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_quote_person--font_size--regular, 18px)", "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--regular, 600)", "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--regular, -0.005em)", @@ -104290,7 +108978,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_subtitle_light--font_size--regular, 20px)", "fontWeight": "var(--vkui--media_font_media_subtitle_light--font_weight--regular, 400)", "lineHeight": "var(--vkui--media_font_media_subtitle_light--line_height--regular, 26px)", @@ -104298,7 +108986,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_text_secondary_light--font_size--regular, 15px)", "fontWeight": "var(--vkui--media_font_media_text_secondary_light--font_weight--regular, 400)", "lineHeight": "var(--vkui--media_font_media_text_secondary_light--line_height--regular, 20px)", @@ -104306,14 +108994,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1--font_size--compact, 48px)", "fontWeight": "var(--vkui--media_font_media_title1--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title1--line_height--compact, 56px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1--font_size--regular, 30px)", "fontWeight": "var(--vkui--media_font_media_title1--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--regular, -0.005em)", @@ -104322,14 +109010,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px)", "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px)", "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em)", @@ -104338,14 +109026,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2--font_size--compact, 36px)", "fontWeight": "var(--vkui--media_font_media_title2--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title2--line_height--compact, 44px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2--font_size--regular, 28px)", "fontWeight": "var(--vkui--media_font_media_title2--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--regular, -0.005em)", @@ -104354,14 +109042,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px)", "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px)", "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em)", @@ -104370,14 +109058,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title3--font_size--compact, 32px)", "fontWeight": "var(--vkui--media_font_media_title3--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title3--line_height--compact, 40px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title3--font_size--regular, 26px)", "fontWeight": "var(--vkui--media_font_media_title3--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--regular, -0.005em)", @@ -104386,14 +109074,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title4--font_size--compact, 28px)", "fontWeight": "var(--vkui--media_font_media_title4--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title4--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title4--font_size--regular, 24px)", "fontWeight": "var(--vkui--media_font_media_title4--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--regular, -0.005em)", @@ -104402,14 +109090,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title5--font_size--compact, 24px)", "fontWeight": "var(--vkui--media_font_media_title5--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title5--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title5--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title5--font_size--regular, 22px)", "fontWeight": "var(--vkui--media_font_media_title5--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--regular, -0.005em)", @@ -104418,14 +109106,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title6--font_size--compact, 22px)", "fontWeight": "var(--vkui--media_font_media_title6--font_weight--compact, 500)", "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--compact, -0.005em)", "lineHeight": "var(--vkui--media_font_media_title6--line_height--compact, 28px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title6--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--media_font_media_title6--font_size--regular, 20px)", "fontWeight": "var(--vkui--media_font_media_title6--font_weight--regular, 500)", "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--regular, -0.005em)", @@ -104903,9 +109591,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -104948,9 +109636,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -104958,9 +109646,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -104973,9 +109661,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -104993,9 +109681,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -105018,9 +109706,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -105083,9 +109771,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -105132,6 +109820,16 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -105208,9 +109906,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -105318,24 +110016,24 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryAuto": { - "active": "#FF5D14", - "hover": "#FF560A", - "normal": "#ff4f00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryBase": { - "active": "#146CF9", - "hover": "#0A65F9", - "normal": "#005ff9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryDeti": { - "active": "#CEA4F5", - "hover": "#CCA0F4", - "normal": "#ca9cf4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryDobro": { "active": "#FFD714", @@ -105343,29 +110041,29 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#ffd400", }, "colorPrimaryHealth": { - "active": "#148A84", - "hover": "#0A857E", - "normal": "#008079", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryHealthNew": { - "active": "#4CD6A0", - "hover": "#44D49C", - "normal": "#3cd298", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryHitech": { - "active": "#6564D9", - "hover": "#5F5DD8", - "normal": "#5856d6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryKino": { - "active": "#ECFF14", - "hover": "#EBFF0A", - "normal": "#eaff00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryLady": { - "active": "#FF3E62", - "hover": "#FF355B", - "normal": "#ff2d54", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryMycom": { "active": "#14B2F3", @@ -105373,9 +110071,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#00abf2", }, "colorPrimaryPets": { - "active": "#FD757A", - "hover": "#FD6F74", - "normal": "#fd696e", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorPrimaryPharma": { "active": "#2FD7A9", @@ -105398,14 +110096,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#393A3B", }, "colorSecondaryBase": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#ff9e00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorSecondaryHealth": { - "active": "#FDEB61", - "hover": "#FDEA5A", - "normal": "#fde953", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorSecondaryMycom": { "active": "#FC3D48", @@ -105488,9 +110186,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -105518,9 +110216,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -105538,9 +110236,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -105658,9 +110356,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -105775,7 +110473,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", @@ -105811,13 +110509,13 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "lineHeight": 48, @@ -105825,13 +110523,13 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 34, @@ -105839,7 +110537,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -105847,7 +110545,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 22, @@ -105859,7 +110557,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -105871,7 +110569,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -105883,7 +110581,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -105903,7 +110601,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -105923,7 +110621,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -105931,7 +110629,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -105939,7 +110637,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -106035,14 +110733,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106092,14 +110790,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106108,14 +110806,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 600, "letterSpacing": "-0.005em", @@ -106124,7 +110822,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 400, "lineHeight": 26, @@ -106132,7 +110830,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -106140,14 +110838,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 48, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 56, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106156,14 +110854,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 40, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 48, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106172,14 +110870,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 44, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106188,14 +110886,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106204,14 +110902,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106220,14 +110918,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106236,14 +110934,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106252,14 +110950,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 28, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -106763,15 +111461,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -106889,15 +111587,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -106917,15 +111615,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -106959,15 +111657,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -107043,29 +111741,29 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -107085,43 +111783,43 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -107239,71 +111937,71 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -107404,6 +112102,34 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -107533,43 +112259,43 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -107631,15 +112357,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -107715,15 +112441,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -107925,57 +112651,57 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorPrimaryAuto": { "active": { "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #EB4A05)", + "value": "var(--vkui--color_primary_auto--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #F54C02)", + "value": "var(--vkui--color_primary_auto--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_auto", - "value": "var(--vkui--color_primary_auto, #ff4f00)", + "value": "var(--vkui--color_primary_auto, #0077FF)", }, }, "colorPrimaryBase": { "active": { "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #0059EA)", + "value": "var(--vkui--color_primary_base--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #005CF1)", + "value": "var(--vkui--color_primary_base--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #005ff9)", + "value": "var(--vkui--color_primary_base, #0077FF)", }, }, "colorPrimaryDeti": { "active": { "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #BA91E5)", + "value": "var(--vkui--color_primary_deti--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #C296ED)", + "value": "var(--vkui--color_primary_deti--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #ca9cf4)", + "value": "var(--vkui--color_primary_deti, #0077FF)", }, }, "colorPrimaryDobro": { @@ -107995,71 +112721,71 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorPrimaryHealth": { "active": { "name": "--vkui--color_primary_health--active", - "value": "var(--vkui--color_primary_health--active, #007774)", + "value": "var(--vkui--color_primary_health--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #007C77)", + "value": "var(--vkui--color_primary_health--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_health", - "value": "var(--vkui--color_primary_health, #008079)", + "value": "var(--vkui--color_primary_health, #0077FF)", }, }, "colorPrimaryHealthNew": { "active": { "name": "--vkui--color_primary_health_new--active", - "value": "var(--vkui--color_primary_health_new--active, #37C291)", + "value": "var(--vkui--color_primary_health_new--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #3ACA94)", + "value": "var(--vkui--color_primary_health_new--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_health_new", - "value": "var(--vkui--color_primary_health_new, #3cd298)", + "value": "var(--vkui--color_primary_health_new, #0077FF)", }, }, "colorPrimaryHitech": { "active": { "name": "--vkui--color_primary_hitech--active", - "value": "var(--vkui--color_primary_hitech--active, #5150CA)", + "value": "var(--vkui--color_primary_hitech--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #5453D0)", + "value": "var(--vkui--color_primary_hitech--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_hitech", - "value": "var(--vkui--color_primary_hitech, #5856d6)", + "value": "var(--vkui--color_primary_hitech, #0077FF)", }, }, "colorPrimaryKino": { "active": { "name": "--vkui--color_primary_kino--active", - "value": "var(--vkui--color_primary_kino--active, #D7EC05)", + "value": "var(--vkui--color_primary_kino--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #E1F502)", + "value": "var(--vkui--color_primary_kino--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_kino", - "value": "var(--vkui--color_primary_kino, #eaff00)", + "value": "var(--vkui--color_primary_kino, #0077FF)", }, }, "colorPrimaryLady": { "active": { "name": "--vkui--color_primary_lady--active", - "value": "var(--vkui--color_primary_lady--active, #EB2B52)", + "value": "var(--vkui--color_primary_lady--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #F52C53)", + "value": "var(--vkui--color_primary_lady--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_lady", - "value": "var(--vkui--color_primary_lady, #ff2d54)", + "value": "var(--vkui--color_primary_lady, #0077FF)", }, }, "colorPrimaryMycom": { @@ -108079,15 +112805,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorPrimaryPets": { "active": { "name": "--vkui--color_primary_pets--active", - "value": "var(--vkui--color_primary_pets--active, #E9626A)", + "value": "var(--vkui--color_primary_pets--active, #006FEF)", }, "hover": { "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #F3656C)", + "value": "var(--vkui--color_primary_pets--hover, #0073F7)", }, "normal": { "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fd696e)", + "value": "var(--vkui--color_primary_pets, #0077FF)", }, }, "colorPrimaryPharma": { @@ -108163,29 +112889,29 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorSecondaryBase": { "active": { "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #EB9305)", + "value": "var(--vkui--color_secondary_base--active, #006FEF)", }, "hover": { "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #F59802)", + "value": "var(--vkui--color_secondary_base--hover, #0073F7)", }, "normal": { "name": "--vkui--color_secondary_base", - "value": "var(--vkui--color_secondary_base, #ff9e00)", + "value": "var(--vkui--color_secondary_base, #0077FF)", }, }, "colorSecondaryHealth": { "active": { "name": "--vkui--color_secondary_health--active", - "value": "var(--vkui--color_secondary_health--active, #E9D851)", + "value": "var(--vkui--color_secondary_health--active, #006FEF)", }, "hover": { "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #F3E052)", + "value": "var(--vkui--color_secondary_health--hover, #0073F7)", }, "normal": { "name": "--vkui--color_secondary_health", - "value": "var(--vkui--color_secondary_health, #fde953)", + "value": "var(--vkui--color_secondary_health, #0077FF)", }, }, "colorSecondaryMycom": { @@ -108429,15 +113155,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -108457,15 +113183,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -108513,15 +113239,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -108555,29 +113281,29 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -108625,15 +113351,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -108891,15 +113617,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -109420,7 +114146,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontFamilyArticle": { "name": "--vkui--font_family_article", @@ -113015,9 +117741,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -113060,9 +117786,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -113070,9 +117796,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -113085,9 +117811,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -113115,14 +117841,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -113130,19 +117856,19 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -113185,29 +117911,29 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -113244,6 +117970,16 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -113290,19 +118026,19 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -113325,9 +118061,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#00abf2", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -113355,9 +118091,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -113430,24 +118166,24 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorPrimaryAuto": { - "active": "#EB4A05", - "hover": "#F54C02", - "normal": "#ff4f00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryBase": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005ff9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDeti": { - "active": "#BA91E5", - "hover": "#C296ED", - "normal": "#ca9cf4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDobro": { "active": "#EBC405", @@ -113455,29 +118191,29 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#ffd400", }, "colorPrimaryHealth": { - "active": "#007774", - "hover": "#007C77", - "normal": "#008079", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHealthNew": { - "active": "#37C291", - "hover": "#3ACA94", - "normal": "#3cd298", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHitech": { - "active": "#5150CA", - "hover": "#5453D0", - "normal": "#5856d6", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryKino": { - "active": "#D7EC05", - "hover": "#E1F502", - "normal": "#eaff00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryLady": { - "active": "#EB2B52", - "hover": "#F52C53", - "normal": "#ff2d54", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryMycom": { "active": "#009FE4", @@ -113485,9 +118221,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#00abf2", }, "colorPrimaryPets": { - "active": "#E9626A", - "hover": "#F3656C", - "normal": "#fd696e", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryPharma": { "active": "#1BC39A", @@ -113515,14 +118251,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#E6E7EB", }, "colorSecondaryBase": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryHealth": { - "active": "#E9D851", - "hover": "#F3E052", - "normal": "#fde953", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryMycom": { "active": "#E82A38", @@ -113610,9 +118346,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#00abf2", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -113620,9 +118356,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -113640,9 +118376,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#00abf2", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -113655,14 +118391,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -113680,9 +118416,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -113775,9 +118511,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -113893,7 +118629,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, }, "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", @@ -114852,9 +119588,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -114897,9 +119633,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -114907,9 +119643,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -114922,9 +119658,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -114952,14 +119688,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -114967,19 +119703,19 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -115022,29 +119758,29 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -115081,6 +119817,16 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -115127,19 +119873,19 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -115162,9 +119908,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_accent, #00abf2)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -115192,9 +119938,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -115267,24 +120013,24 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorPrimaryAuto": { - "active": "var(--vkui--color_primary_auto--active, #EB4A05)", - "hover": "var(--vkui--color_primary_auto--hover, #F54C02)", - "normal": "var(--vkui--color_primary_auto, #ff4f00)", + "active": "var(--vkui--color_primary_auto--active, #006FEF)", + "hover": "var(--vkui--color_primary_auto--hover, #0073F7)", + "normal": "var(--vkui--color_primary_auto, #0077FF)", }, "colorPrimaryBase": { - "active": "var(--vkui--color_primary_base--active, #0059EA)", - "hover": "var(--vkui--color_primary_base--hover, #005CF1)", - "normal": "var(--vkui--color_primary_base, #005ff9)", + "active": "var(--vkui--color_primary_base--active, #006FEF)", + "hover": "var(--vkui--color_primary_base--hover, #0073F7)", + "normal": "var(--vkui--color_primary_base, #0077FF)", }, "colorPrimaryDeti": { - "active": "var(--vkui--color_primary_deti--active, #BA91E5)", - "hover": "var(--vkui--color_primary_deti--hover, #C296ED)", - "normal": "var(--vkui--color_primary_deti, #ca9cf4)", + "active": "var(--vkui--color_primary_deti--active, #006FEF)", + "hover": "var(--vkui--color_primary_deti--hover, #0073F7)", + "normal": "var(--vkui--color_primary_deti, #0077FF)", }, "colorPrimaryDobro": { "active": "var(--vkui--color_primary_dobro--active, #EBC405)", @@ -115292,29 +120038,29 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_primary_dobro, #ffd400)", }, "colorPrimaryHealth": { - "active": "var(--vkui--color_primary_health--active, #007774)", - "hover": "var(--vkui--color_primary_health--hover, #007C77)", - "normal": "var(--vkui--color_primary_health, #008079)", + "active": "var(--vkui--color_primary_health--active, #006FEF)", + "hover": "var(--vkui--color_primary_health--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health, #0077FF)", }, "colorPrimaryHealthNew": { - "active": "var(--vkui--color_primary_health_new--active, #37C291)", - "hover": "var(--vkui--color_primary_health_new--hover, #3ACA94)", - "normal": "var(--vkui--color_primary_health_new, #3cd298)", + "active": "var(--vkui--color_primary_health_new--active, #006FEF)", + "hover": "var(--vkui--color_primary_health_new--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health_new, #0077FF)", }, "colorPrimaryHitech": { - "active": "var(--vkui--color_primary_hitech--active, #5150CA)", - "hover": "var(--vkui--color_primary_hitech--hover, #5453D0)", - "normal": "var(--vkui--color_primary_hitech, #5856d6)", + "active": "var(--vkui--color_primary_hitech--active, #006FEF)", + "hover": "var(--vkui--color_primary_hitech--hover, #0073F7)", + "normal": "var(--vkui--color_primary_hitech, #0077FF)", }, "colorPrimaryKino": { - "active": "var(--vkui--color_primary_kino--active, #D7EC05)", - "hover": "var(--vkui--color_primary_kino--hover, #E1F502)", - "normal": "var(--vkui--color_primary_kino, #eaff00)", + "active": "var(--vkui--color_primary_kino--active, #006FEF)", + "hover": "var(--vkui--color_primary_kino--hover, #0073F7)", + "normal": "var(--vkui--color_primary_kino, #0077FF)", }, "colorPrimaryLady": { - "active": "var(--vkui--color_primary_lady--active, #EB2B52)", - "hover": "var(--vkui--color_primary_lady--hover, #F52C53)", - "normal": "var(--vkui--color_primary_lady, #ff2d54)", + "active": "var(--vkui--color_primary_lady--active, #006FEF)", + "hover": "var(--vkui--color_primary_lady--hover, #0073F7)", + "normal": "var(--vkui--color_primary_lady, #0077FF)", }, "colorPrimaryMycom": { "active": "var(--vkui--color_primary_mycom--active, #009FE4)", @@ -115322,9 +120068,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_primary_mycom, #00abf2)", }, "colorPrimaryPets": { - "active": "var(--vkui--color_primary_pets--active, #E9626A)", - "hover": "var(--vkui--color_primary_pets--hover, #F3656C)", - "normal": "var(--vkui--color_primary_pets, #fd696e)", + "active": "var(--vkui--color_primary_pets--active, #006FEF)", + "hover": "var(--vkui--color_primary_pets--hover, #0073F7)", + "normal": "var(--vkui--color_primary_pets, #0077FF)", }, "colorPrimaryPharma": { "active": "var(--vkui--color_primary_pharma--active, #1BC39A)", @@ -115352,14 +120098,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, "colorSecondaryBase": { - "active": "var(--vkui--color_secondary_base--active, #EB9305)", - "hover": "var(--vkui--color_secondary_base--hover, #F59802)", - "normal": "var(--vkui--color_secondary_base, #ff9e00)", + "active": "var(--vkui--color_secondary_base--active, #006FEF)", + "hover": "var(--vkui--color_secondary_base--hover, #0073F7)", + "normal": "var(--vkui--color_secondary_base, #0077FF)", }, "colorSecondaryHealth": { - "active": "var(--vkui--color_secondary_health--active, #E9D851)", - "hover": "var(--vkui--color_secondary_health--hover, #F3E052)", - "normal": "var(--vkui--color_secondary_health, #fde953)", + "active": "var(--vkui--color_secondary_health--active, #006FEF)", + "hover": "var(--vkui--color_secondary_health--hover, #0073F7)", + "normal": "var(--vkui--color_secondary_health, #0077FF)", }, "colorSecondaryMycom": { "active": "var(--vkui--color_secondary_mycom--active, #E82A38)", @@ -115447,9 +120193,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_accent, #00abf2)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -115457,9 +120203,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -115477,9 +120223,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_accent, #00abf2)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -115492,14 +120238,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -115517,9 +120263,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -115612,9 +120358,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -115730,7 +120476,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, }, "fontFamily": "var(--vkui--font_family, Proxima Nova, Arial, sans-serif)", - "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontFamilyArticle": "var(--vkui--font_family_article, Inter, Helvetica, Arial, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", @@ -116689,9 +121435,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -116734,9 +121480,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -116744,9 +121490,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -116759,9 +121505,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -116789,14 +121535,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -116804,19 +121550,19 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -116859,29 +121605,29 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -116918,6 +121664,16 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -116964,19 +121720,19 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -116999,9 +121755,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#00abf2", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -117029,9 +121785,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -117104,24 +121860,24 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorPrimaryAuto": { - "active": "#EB4A05", - "hover": "#F54C02", - "normal": "#ff4f00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryBase": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005ff9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDeti": { - "active": "#BA91E5", - "hover": "#C296ED", - "normal": "#ca9cf4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryDobro": { "active": "#EBC405", @@ -117129,29 +121885,29 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#ffd400", }, "colorPrimaryHealth": { - "active": "#007774", - "hover": "#007C77", - "normal": "#008079", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHealthNew": { - "active": "#37C291", - "hover": "#3ACA94", - "normal": "#3cd298", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryHitech": { - "active": "#5150CA", - "hover": "#5453D0", - "normal": "#5856d6", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryKino": { - "active": "#D7EC05", - "hover": "#E1F502", - "normal": "#eaff00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryLady": { - "active": "#EB2B52", - "hover": "#F52C53", - "normal": "#ff2d54", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryMycom": { "active": "#009FE4", @@ -117159,9 +121915,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#00abf2", }, "colorPrimaryPets": { - "active": "#E9626A", - "hover": "#F3656C", - "normal": "#fd696e", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorPrimaryPharma": { "active": "#1BC39A", @@ -117189,14 +121945,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#E6E7EB", }, "colorSecondaryBase": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryHealth": { - "active": "#E9D851", - "hover": "#F3E052", - "normal": "#fde953", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorSecondaryMycom": { "active": "#E82A38", @@ -117284,9 +122040,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#00abf2", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -117294,9 +122050,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -117314,9 +122070,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#00abf2", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -117329,14 +122085,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -117354,9 +122110,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -117449,9 +122205,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -117567,7 +122323,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, }, "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", @@ -118544,15 +123300,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -118670,15 +123426,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -118698,15 +123454,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -118740,15 +123496,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAlert": { @@ -118810,15 +123566,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -118838,29 +123594,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -118880,43 +123636,43 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -119034,71 +123790,71 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -119199,6 +123955,34 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -119356,43 +124140,43 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -119440,29 +124224,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -119538,15 +124322,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -120000,15 +124784,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorRating": { @@ -120252,29 +125036,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -120294,15 +125078,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -120476,29 +125260,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -120532,29 +125316,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -120602,15 +125386,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -120868,15 +125652,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -122088,15 +126872,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -122116,15 +126900,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorBackgroundAccentTonedAlpha": { "active": { "name": "--vkui--octavius_color_background_accent_toned_alpha--active", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_background_accent_toned_alpha--hover", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 95, 249, 0.16))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 95, 249, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, "octaviusColorBackgroundNegativeTintAlpha": { @@ -122298,25 +127082,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #0059EA)", + "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #005CF1)", + "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #005FF9)", + "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_header_button_background_alpha--active", - "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.4))", }, "hover": { "name": "--vkui--octavius_color_header_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.64))", }, "normal": { "name": "--vkui--octavius_color_header_button_background_alpha", @@ -122326,29 +127110,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderButtonText": { "active": { "name": "--vkui--octavius_color_header_button_text--active", - "value": "var(--vkui--octavius_color_header_button_text--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_header_button_text", - "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", }, }, "octaviusColorHeaderFilterTextAlpha": { "active": { "name": "--vkui--octavius_color_header_filter_text_alpha--active", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", }, "hover": { "name": "--vkui--octavius_color_header_filter_text_alpha--hover", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { @@ -122368,99 +127152,99 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIconAttach": { "active": { "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", }, "normal": { "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #EB9305)", + "value": "var(--vkui--octavius_color_header_progress--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #F59802)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "value": "var(--vkui--octavius_color_header_progress, #0077FF)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", }, "normal": { "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #ffffff)", + "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", }, "normal": { "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #ffffff)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #E6E8EC)", + "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #F0F1F3)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { @@ -122550,15 +127334,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { @@ -122830,15 +127614,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #0059EA)", + "value": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #005CF1)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #005FF9)", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -123352,15 +128136,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #0059EA)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #005CF1)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #005FF9)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, }, "octaviusColorSidebarItemBackgroundAlpha": { @@ -123632,15 +128416,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconAccent": { "active": { "name": "--vkui--octavius_color_snackbar_icon_accent--active", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #5190EF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, }, "octaviusColorSnackbarIconNegative": { @@ -123702,15 +128486,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextAccent": { "active": { "name": "--vkui--octavius_color_snackbar_text_accent--active", - "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #5190EF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #187CEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, }, "octaviusColorSnackbarTextContrast": { @@ -123761,7 +128545,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, none)", + "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -123785,7 +128569,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyMailSans": { "name": "--vkui--octavius_font_family_mail_sans", - "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -125376,9 +130160,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -125421,9 +130205,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -125431,9 +130215,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -125446,9 +130230,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { "active": "#B2311E", @@ -125471,9 +130255,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -125481,14 +130265,14 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -125496,19 +130280,19 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -125551,29 +130335,29 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -125610,6 +130394,16 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -125666,19 +130460,19 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -125696,14 +130490,14 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -125731,9 +130525,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -125896,9 +130690,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -125986,14 +130780,14 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -126001,9 +130795,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -126066,14 +130860,14 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -126086,14 +130880,14 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -126111,9 +130905,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -126206,9 +131000,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -126488,9 +131282,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -126498,9 +131292,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -126563,24 +131357,24 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.24)", - "hover": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#EBECEF", @@ -126588,39 +131382,39 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBackground": { "active": "#DDDFE4", "hover": "#E6E8EC", - "normal": "#F0F1F3", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": "#EBECEF", @@ -126653,9 +131447,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", @@ -126753,9 +131547,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -126939,9 +131733,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -127039,9 +131833,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -127064,9 +131858,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -127084,13 +131878,13 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#ebecef", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -127573,9 +132367,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -127618,9 +132412,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -127628,9 +132422,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -127643,9 +132437,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #B2311E)", @@ -127668,9 +132462,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -127678,14 +132472,14 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -127693,19 +132487,19 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -127748,29 +132542,29 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -127807,6 +132601,16 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -127863,19 +132667,19 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -127893,14 +132697,14 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -127928,9 +132732,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -128093,9 +132897,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", @@ -128183,14 +132987,14 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -128198,9 +133002,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -128263,14 +133067,14 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -128283,14 +133087,14 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -128308,9 +133112,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -128403,9 +133207,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -128685,9 +133489,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_background, #FFFFFF)", + "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "normal": "var(--vkui--octavius_color_background, #F6F7F8)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -128695,9 +133499,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 95, 249, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 95, 249, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 95, 249, 0.12))", + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", @@ -128760,24 +133564,24 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, "octaviusColorHeaderBackground": { - "active": "var(--vkui--octavius_color_header_background--active, #0059EA)", - "hover": "var(--vkui--octavius_color_header_background--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_header_background, #005FF9)", + "active": "var(--vkui--octavius_color_header_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24))", - "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.4))", + "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.64))", "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "octaviusColorHeaderButtonText": { - "active": "var(--vkui--octavius_color_header_button_text--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", - "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", - "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, "octaviusColorHeaderIcon": { "active": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", @@ -128785,39 +133589,39 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, "octaviusColorHeaderIconAttach": { - "active": "var(--vkui--octavius_color_header_icon_attach--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", + "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", + "normal": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, "octaviusColorHeaderIconFavorite": { - "active": "var(--vkui--octavius_color_header_icon_favorite--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, "octaviusColorHeaderIconUnread": { - "active": "var(--vkui--octavius_color_header_icon_unread--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #EB9305)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #F59802)", - "normal": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "active": "var(--vkui--octavius_color_header_progress--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_progress, #0077FF)", }, "octaviusColorHeaderSearchBackground": { - "active": "var(--vkui--octavius_color_header_search_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_background, #ffffff)", + "active": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", + "hover": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", + "normal": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #ffffff)", + "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", + "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", + "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, "octaviusColorHeaderSearchChipBackground": { - "active": "var(--vkui--octavius_color_header_search_chip_background--active, #DDDFE4)", - "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #E6E8EC)", - "normal": "var(--vkui--octavius_color_header_search_chip_background, #F0F1F3)", + "active": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", + "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", @@ -128850,9 +133654,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", @@ -128950,9 +133754,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #0059EA)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_icon_unread, #005FF9)", + "active": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", @@ -129136,9 +133940,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, "octaviusColorSidebarIconUnread": { - "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #0059EA)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #005FF9)", + "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", @@ -129236,9 +134040,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", }, "octaviusColorSnackbarIconAccent": { - "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #5190EF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", - "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #006FEF)", + "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, "octaviusColorSnackbarIconNegative": { "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", @@ -129261,9 +134065,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", }, "octaviusColorSnackbarTextAccent": { - "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #5190EF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", - "normal": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #187CEF)", + "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", + "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, "octaviusColorSnackbarTextContrast": { "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", @@ -129281,13 +134085,13 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, none)", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", "octaviusFilterSidebarItemIcon": "var(--vkui--octavius_filter_sidebar_item_icon, none)", "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, inherit)", "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusImageBackground": "var(--vkui--octavius_image_background, none)", "octaviusImageOverlayBackground": "var(--vkui--octavius_image_overlay_background, none)", "octaviusPositionBackground": "var(--vkui--octavius_position_background, 50% 0)", @@ -129770,9 +134574,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -129815,9 +134619,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -129825,9 +134629,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -129840,9 +134644,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { "active": "#B2311E", @@ -129865,9 +134669,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -129875,14 +134679,14 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -129890,19 +134694,19 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -129945,29 +134749,29 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -130004,6 +134808,16 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -130060,19 +134874,19 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -130090,14 +134904,14 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -130125,9 +134939,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -130290,9 +135104,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -130380,14 +135194,14 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -130395,9 +135209,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -130460,14 +135274,14 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -130480,14 +135294,14 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -130505,9 +135319,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -130600,9 +135414,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -130882,9 +135696,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -130892,9 +135706,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -130957,24 +135771,24 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.24)", - "hover": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#EBECEF", @@ -130982,39 +135796,39 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBackground": { "active": "#DDDFE4", "hover": "#E6E8EC", - "normal": "#F0F1F3", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": "#EBECEF", @@ -131047,9 +135861,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", @@ -131147,9 +135961,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -131333,9 +136147,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -131433,9 +136247,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -131458,9 +136272,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -131478,13 +136292,13 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#ebecef", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -131993,15 +136807,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -132119,15 +136933,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -132147,15 +136961,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -132189,15 +137003,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAlert": { @@ -132259,15 +137073,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -132287,29 +137101,29 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -132329,43 +137143,43 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -132483,71 +137297,71 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -132648,6 +137462,34 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -132805,43 +137647,43 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -132889,29 +137731,29 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -132987,15 +137829,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -133449,15 +138291,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorRating": { @@ -133701,29 +138543,29 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -133743,15 +138585,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -133925,29 +138767,29 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -133981,29 +138823,29 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -134051,15 +138893,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -134317,15 +139159,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -135537,15 +140379,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -135565,15 +140407,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorBackgroundAccentTonedAlpha": { "active": { "name": "--vkui--octavius_color_background_accent_toned_alpha--active", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_background_accent_toned_alpha--hover", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 95, 249, 0.16))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 95, 249, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, "octaviusColorBackgroundNegativeTintAlpha": { @@ -135747,25 +140589,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #0059EA)", + "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #005CF1)", + "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #005FF9)", + "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_header_button_background_alpha--active", - "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.4))", }, "hover": { "name": "--vkui--octavius_color_header_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.64))", }, "normal": { "name": "--vkui--octavius_color_header_button_background_alpha", @@ -135775,29 +140617,29 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderButtonText": { "active": { "name": "--vkui--octavius_color_header_button_text--active", - "value": "var(--vkui--octavius_color_header_button_text--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_header_button_text", - "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", }, }, "octaviusColorHeaderFilterTextAlpha": { "active": { "name": "--vkui--octavius_color_header_filter_text_alpha--active", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", }, "hover": { "name": "--vkui--octavius_color_header_filter_text_alpha--hover", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { @@ -135817,99 +140659,99 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIconAttach": { "active": { "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", }, "normal": { "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #EB9305)", + "value": "var(--vkui--octavius_color_header_progress--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #F59802)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "value": "var(--vkui--octavius_color_header_progress, #0077FF)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", }, "normal": { "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #ffffff)", + "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", }, "normal": { "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #ffffff)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #E6E8EC)", + "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #F0F1F3)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { @@ -135999,15 +140841,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { @@ -136279,15 +141121,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #0059EA)", + "value": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #005CF1)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #005FF9)", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -136801,15 +141643,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #0059EA)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #005CF1)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #005FF9)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, }, "octaviusColorSidebarItemBackgroundAlpha": { @@ -137081,15 +141923,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconAccent": { "active": { "name": "--vkui--octavius_color_snackbar_icon_accent--active", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #5190EF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, }, "octaviusColorSnackbarIconNegative": { @@ -137151,15 +141993,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextAccent": { "active": { "name": "--vkui--octavius_color_snackbar_text_accent--active", - "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #5190EF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #187CEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, }, "octaviusColorSnackbarTextContrast": { @@ -137210,7 +142052,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, none)", + "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -137234,7 +142076,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyMailSans": { "name": "--vkui--octavius_font_family_mail_sans", - "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -138829,9 +143671,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -138874,9 +143716,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -138884,9 +143726,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -138899,9 +143741,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { "active": "#B2311E", @@ -138924,9 +143766,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -138934,14 +143776,14 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -138949,19 +143791,19 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -139004,29 +143846,29 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -139063,6 +143905,16 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -139119,19 +143971,19 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -139149,14 +144001,14 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -139184,9 +144036,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -139349,9 +144201,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -139439,14 +144291,14 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -139454,9 +144306,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -139519,14 +144371,14 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -139539,14 +144391,14 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -139564,9 +144416,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -139659,9 +144511,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -139941,9 +144793,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -139951,9 +144803,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -140016,24 +144868,24 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.24)", - "hover": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#EBECEF", @@ -140041,39 +144893,39 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBackground": { "active": "#DDDFE4", "hover": "#E6E8EC", - "normal": "#F0F1F3", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": "#EBECEF", @@ -140106,9 +144958,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", @@ -140206,9 +145058,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -140392,9 +145244,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -140492,9 +145344,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -140517,9 +145369,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -140537,13 +145389,13 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#ebecef", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -141027,9 +145879,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -141072,9 +145924,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -141082,9 +145934,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -141097,9 +145949,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #B2311E)", @@ -141122,9 +145974,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -141132,14 +145984,14 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -141147,19 +145999,19 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -141202,29 +146054,29 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -141261,6 +146113,16 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -141317,19 +146179,19 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -141347,14 +146209,14 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -141382,9 +146244,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -141547,9 +146409,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", @@ -141637,14 +146499,14 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -141652,9 +146514,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -141717,14 +146579,14 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -141737,14 +146599,14 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -141762,9 +146624,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -141857,9 +146719,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -142139,9 +147001,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_background, #FFFFFF)", + "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "normal": "var(--vkui--octavius_color_background, #F6F7F8)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -142149,9 +147011,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 95, 249, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 95, 249, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 95, 249, 0.12))", + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", @@ -142214,24 +147076,24 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, "octaviusColorHeaderBackground": { - "active": "var(--vkui--octavius_color_header_background--active, #0059EA)", - "hover": "var(--vkui--octavius_color_header_background--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_header_background, #005FF9)", + "active": "var(--vkui--octavius_color_header_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24))", - "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.4))", + "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.64))", "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "octaviusColorHeaderButtonText": { - "active": "var(--vkui--octavius_color_header_button_text--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", - "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", - "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, "octaviusColorHeaderIcon": { "active": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", @@ -142239,39 +147101,39 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, "octaviusColorHeaderIconAttach": { - "active": "var(--vkui--octavius_color_header_icon_attach--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", + "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", + "normal": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, "octaviusColorHeaderIconFavorite": { - "active": "var(--vkui--octavius_color_header_icon_favorite--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, "octaviusColorHeaderIconUnread": { - "active": "var(--vkui--octavius_color_header_icon_unread--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #EB9305)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #F59802)", - "normal": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "active": "var(--vkui--octavius_color_header_progress--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_progress, #0077FF)", }, "octaviusColorHeaderSearchBackground": { - "active": "var(--vkui--octavius_color_header_search_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_background, #ffffff)", + "active": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", + "hover": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", + "normal": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #ffffff)", + "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", + "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", + "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, "octaviusColorHeaderSearchChipBackground": { - "active": "var(--vkui--octavius_color_header_search_chip_background--active, #DDDFE4)", - "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #E6E8EC)", - "normal": "var(--vkui--octavius_color_header_search_chip_background, #F0F1F3)", + "active": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", + "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", @@ -142304,9 +147166,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", @@ -142404,9 +147266,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #0059EA)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_icon_unread, #005FF9)", + "active": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", @@ -142590,9 +147452,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, "octaviusColorSidebarIconUnread": { - "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #0059EA)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #005FF9)", + "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", @@ -142690,9 +147552,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", }, "octaviusColorSnackbarIconAccent": { - "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #5190EF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", - "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #006FEF)", + "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, "octaviusColorSnackbarIconNegative": { "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", @@ -142715,9 +147577,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", }, "octaviusColorSnackbarTextAccent": { - "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #5190EF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", - "normal": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #187CEF)", + "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", + "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, "octaviusColorSnackbarTextContrast": { "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", @@ -142735,13 +147597,13 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, none)", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", "octaviusFilterSidebarItemIcon": "var(--vkui--octavius_filter_sidebar_item_icon, none)", "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, inherit)", "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusImageBackground": "var(--vkui--octavius_image_background, none)", "octaviusImageOverlayBackground": "var(--vkui--octavius_image_overlay_background, none)", "octaviusPositionBackground": "var(--vkui--octavius_position_background, 50% 0)", @@ -143225,9 +148087,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -143270,9 +148132,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -143280,9 +148142,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -143295,9 +148157,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { "active": "#B2311E", @@ -143320,9 +148182,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -143330,14 +148192,14 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -143345,19 +148207,19 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -143400,29 +148262,29 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -143459,6 +148321,16 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -143515,19 +148387,19 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -143545,14 +148417,14 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -143580,9 +148452,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -143745,9 +148617,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -143835,14 +148707,14 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -143850,9 +148722,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -143915,14 +148787,14 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -143935,14 +148807,14 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -143960,9 +148832,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -144055,9 +148927,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -144337,9 +149209,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -144347,9 +149219,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -144412,24 +149284,24 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.24)", - "hover": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#EBECEF", @@ -144437,39 +149309,39 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBackground": { "active": "#DDDFE4", "hover": "#E6E8EC", - "normal": "#F0F1F3", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": "#EBECEF", @@ -144502,9 +149374,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", @@ -144602,9 +149474,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -144788,9 +149660,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -144888,9 +149760,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -144913,9 +149785,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -144933,13 +149805,13 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#ebecef", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -145449,15 +150321,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -145575,15 +150447,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -145603,15 +150475,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -145645,15 +150517,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAlert": { @@ -145715,15 +150587,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -145785,15 +150657,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -145967,15 +150839,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -146104,6 +150976,34 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -146345,15 +151245,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -146905,15 +151805,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -147157,15 +152057,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -147381,15 +152281,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -147437,15 +152337,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -147773,15 +152673,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -149021,15 +153921,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorBackgroundAccentTonedAlpha": { "active": { "name": "--vkui--octavius_color_background_accent_toned_alpha--active", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(39, 117, 252, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_background_accent_toned_alpha--hover", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(39, 117, 252, 0.16))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(39, 117, 252, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, "octaviusColorBackgroundNegativeTintAlpha": { @@ -149245,15 +154145,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorHeaderFilterTextAlpha": { "active": { "name": "--vkui--octavius_color_header_filter_text_alpha--active", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", }, "hover": { "name": "--vkui--octavius_color_header_filter_text_alpha--hover", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { @@ -149315,15 +154215,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #FFA614)", + "value": "var(--vkui--octavius_color_header_progress--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "value": "var(--vkui--octavius_color_header_progress, #0077FF)", }, }, "octaviusColorHeaderSearchBackground": { @@ -149735,15 +154635,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", + "value": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -150257,15 +155157,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #1681FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, }, "octaviusColorSidebarItemBackgroundAlpha": { @@ -150537,15 +155437,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconAccent": { "active": { "name": "--vkui--octavius_color_snackbar_icon_accent--active", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #65A3FF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5F9FFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, }, "octaviusColorSnackbarIconNegative": { @@ -150607,15 +155507,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarTextAccent": { "active": { "name": "--vkui--octavius_color_snackbar_text_accent--active", - "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #65A3FF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5F9FFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, }, "octaviusColorSnackbarTextContrast": { @@ -150666,7 +155566,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, none)", + "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -150690,7 +155590,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "octaviusFontFamilyMailSans": { "name": "--vkui--octavius_font_family_mail_sans", - "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -152285,9 +157185,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -152330,9 +157230,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -152340,9 +157240,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -152355,9 +157255,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { "active": "#C6442D", @@ -152380,9 +157280,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -152405,9 +157305,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -152470,9 +157370,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -152519,6 +157419,16 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -152605,9 +157515,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -152805,9 +157715,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -152895,9 +157805,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -152975,9 +157885,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#203F5B", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -152995,9 +157905,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -153115,9 +158025,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -153407,9 +158317,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(39, 117, 252, 0.2)", - "hover": "rgba(39, 117, 252, 0.16)", - "normal": "rgba(39, 117, 252, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.24)", @@ -153487,9 +158397,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#D7D8DB", @@ -153512,9 +158422,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { "active": "#414141", @@ -153662,9 +158572,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -153848,9 +158758,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -153948,9 +158858,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#FF6969", @@ -153973,9 +158883,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#D7D8DB", @@ -153993,13 +158903,13 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -154483,9 +159393,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -154528,9 +159438,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -154538,9 +159448,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -154553,9 +159463,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #C6442D)", @@ -154578,9 +159488,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -154603,9 +159513,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -154668,9 +159578,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -154717,6 +159627,16 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -154803,9 +159723,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -155003,9 +159923,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -155093,9 +160013,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -155173,9 +160093,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -155193,9 +160113,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -155313,9 +160233,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -155605,9 +160525,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(39, 117, 252, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(39, 117, 252, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(39, 117, 252, 0.12))", + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", @@ -155685,9 +160605,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", - "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", - "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, "octaviusColorHeaderIcon": { "active": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", @@ -155710,9 +160630,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #FFA614)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", - "normal": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "active": "var(--vkui--octavius_color_header_progress--active, #1482FF)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_header_progress, #0077FF)", }, "octaviusColorHeaderSearchBackground": { "active": "var(--vkui--octavius_color_header_search_background--active, #414141)", @@ -155860,9 +160780,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", - "normal": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", + "active": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", @@ -156046,9 +160966,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, "octaviusColorSidebarIconUnread": { - "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #1681FF)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", + "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", @@ -156146,9 +161066,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", }, "octaviusColorSnackbarIconAccent": { - "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #65A3FF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5F9FFF)", - "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", + "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, "octaviusColorSnackbarIconNegative": { "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", @@ -156171,9 +161091,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", }, "octaviusColorSnackbarTextAccent": { - "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #65A3FF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5F9FFF)", - "normal": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", + "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, "octaviusColorSnackbarTextContrast": { "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", @@ -156191,13 +161111,13 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_thread_footer_background, #303030)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, none)", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", "octaviusFilterSidebarItemIcon": "var(--vkui--octavius_filter_sidebar_item_icon, none)", "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, inherit)", "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusImageBackground": "var(--vkui--octavius_image_background, none)", "octaviusImageOverlayBackground": "var(--vkui--octavius_image_overlay_background, none)", "octaviusPositionBackground": "var(--vkui--octavius_position_background, 50% 0)", @@ -156681,9 +161601,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -156726,9 +161646,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -156736,9 +161656,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -156751,9 +161671,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { "active": "#C6442D", @@ -156776,9 +161696,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -156801,9 +161721,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -156866,9 +161786,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -156915,6 +161835,16 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -157001,9 +161931,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -157201,9 +162131,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -157291,9 +162221,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -157371,9 +162301,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -157391,9 +162321,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -157511,9 +162441,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -157803,9 +162733,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(39, 117, 252, 0.2)", - "hover": "rgba(39, 117, 252, 0.16)", - "normal": "rgba(39, 117, 252, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.24)", @@ -157883,9 +162813,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#D7D8DB", @@ -157908,9 +162838,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { "active": "#414141", @@ -158058,9 +162988,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -158244,9 +163174,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -158344,9 +163274,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#FF6969", @@ -158369,9 +163299,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#D7D8DB", @@ -158389,13 +163319,13 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -158905,15 +163835,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -159031,15 +163961,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -159059,15 +163989,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -159101,15 +164031,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAlert": { @@ -159171,15 +164101,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -159241,15 +164171,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -159423,15 +164353,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -159560,6 +164490,34 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -159801,15 +164759,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -160361,15 +165319,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -160613,15 +165571,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -160837,15 +165795,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -160893,15 +165851,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -161229,15 +166187,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -162477,15 +167435,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorBackgroundAccentTonedAlpha": { "active": { "name": "--vkui--octavius_color_background_accent_toned_alpha--active", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(39, 117, 252, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_background_accent_toned_alpha--hover", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(39, 117, 252, 0.16))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(39, 117, 252, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, "octaviusColorBackgroundNegativeTintAlpha": { @@ -162701,15 +167659,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderFilterTextAlpha": { "active": { "name": "--vkui--octavius_color_header_filter_text_alpha--active", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", }, "hover": { "name": "--vkui--octavius_color_header_filter_text_alpha--hover", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { @@ -162771,15 +167729,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #FFA614)", + "value": "var(--vkui--octavius_color_header_progress--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "value": "var(--vkui--octavius_color_header_progress, #0077FF)", }, }, "octaviusColorHeaderSearchBackground": { @@ -163191,15 +168149,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", + "value": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -163713,15 +168671,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #1681FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, }, "octaviusColorSidebarItemBackgroundAlpha": { @@ -163993,15 +168951,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconAccent": { "active": { "name": "--vkui--octavius_color_snackbar_icon_accent--active", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #65A3FF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5F9FFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, }, "octaviusColorSnackbarIconNegative": { @@ -164063,15 +169021,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextAccent": { "active": { "name": "--vkui--octavius_color_snackbar_text_accent--active", - "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #65A3FF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5F9FFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, }, "octaviusColorSnackbarTextContrast": { @@ -164122,7 +169080,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, none)", + "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -164146,7 +169104,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyMailSans": { "name": "--vkui--octavius_font_family_mail_sans", - "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -165737,9 +170695,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -165782,9 +170740,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -165792,9 +170750,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -165807,9 +170765,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { "active": "#C6442D", @@ -165832,9 +170790,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -165857,9 +170815,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -165922,9 +170880,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -165971,6 +170929,16 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -166057,9 +171025,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -166257,9 +171225,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -166347,9 +171315,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -166427,9 +171395,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#203F5B", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -166447,9 +171415,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -166567,9 +171535,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -166859,9 +171827,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(39, 117, 252, 0.2)", - "hover": "rgba(39, 117, 252, 0.16)", - "normal": "rgba(39, 117, 252, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.24)", @@ -166939,9 +171907,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#D7D8DB", @@ -166964,9 +171932,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { "active": "#414141", @@ -167114,9 +172082,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -167300,9 +172268,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -167400,9 +172368,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#FF6969", @@ -167425,9 +172393,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#D7D8DB", @@ -167445,13 +172413,13 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -167934,9 +172902,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -167979,9 +172947,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -167989,9 +172957,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -168004,9 +172972,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #C6442D)", @@ -168029,9 +172997,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -168054,9 +173022,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -168119,9 +173087,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -168168,6 +173136,16 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -168254,9 +173232,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -168454,9 +173432,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -168544,9 +173522,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -168624,9 +173602,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -168644,9 +173622,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -168764,9 +173742,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -169056,9 +174034,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(39, 117, 252, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(39, 117, 252, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(39, 117, 252, 0.12))", + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", @@ -169136,9 +174114,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", - "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", - "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, .48))", + "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, "octaviusColorHeaderIcon": { "active": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", @@ -169161,9 +174139,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #FFA614)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", - "normal": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "active": "var(--vkui--octavius_color_header_progress--active, #1482FF)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_header_progress, #0077FF)", }, "octaviusColorHeaderSearchBackground": { "active": "var(--vkui--octavius_color_header_search_background--active, #414141)", @@ -169311,9 +174289,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", - "normal": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", + "active": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", @@ -169497,9 +174475,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, "octaviusColorSidebarIconUnread": { - "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #1681FF)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", + "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", @@ -169597,9 +174575,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", }, "octaviusColorSnackbarIconAccent": { - "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #65A3FF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5F9FFF)", - "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", + "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, "octaviusColorSnackbarIconNegative": { "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", @@ -169622,9 +174600,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", }, "octaviusColorSnackbarTextAccent": { - "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #65A3FF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5F9FFF)", - "normal": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", + "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, "octaviusColorSnackbarTextContrast": { "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", @@ -169642,13 +174620,13 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_thread_footer_background, #303030)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, none)", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", "octaviusFilterSidebarItemIcon": "var(--vkui--octavius_filter_sidebar_item_icon, none)", "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, inherit)", "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", "octaviusImageBackground": "var(--vkui--octavius_image_background, none)", "octaviusImageOverlayBackground": "var(--vkui--octavius_image_overlay_background, none)", "octaviusPositionBackground": "var(--vkui--octavius_position_background, 50% 0)", @@ -170131,9 +175109,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -170176,9 +175154,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -170186,9 +175164,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -170201,9 +175179,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { "active": "#C6442D", @@ -170226,9 +175204,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -170251,9 +175229,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -170316,9 +175294,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -170365,6 +175343,16 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -170451,9 +175439,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -170651,9 +175639,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -170741,9 +175729,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -170821,9 +175809,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -170841,9 +175829,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -170961,9 +175949,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -171253,9 +176241,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(39, 117, 252, 0.2)", - "hover": "rgba(39, 117, 252, 0.16)", - "normal": "rgba(39, 117, 252, 0.12)", + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.24)", @@ -171333,9 +176321,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { "active": "#D7D8DB", @@ -171358,9 +176346,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { "active": "#414141", @@ -171508,9 +176496,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -171694,9 +176682,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -171794,9 +176782,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#FF6969", @@ -171819,9 +176807,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#D7D8DB", @@ -171839,13 +176827,13 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusFontFamilyDisplay": "inherit", "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -172690,43 +177678,43 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -172872,43 +177860,43 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -173009,6 +177997,34 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 28, 61, 0.05))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -176074,11 +181090,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_header_button_background_alpha--active", - "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.4))", }, "hover": { "name": "--vkui--octavius_color_header_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.64))", }, "normal": { "name": "--vkui--octavius_color_header_button_background_alpha", @@ -176130,43 +181146,43 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIconAttach": { "active": { "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", }, "normal": { "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, }, "octaviusColorHeaderProgress": { @@ -176312,15 +181328,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { @@ -177394,15 +182410,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconAccent": { "active": { "name": "--vkui--octavius_color_snackbar_icon_accent--active", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #5190EF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, }, "octaviusColorSnackbarIconNegative": { @@ -177464,15 +182480,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextAccent": { "active": { "name": "--vkui--octavius_color_snackbar_text_accent--active", - "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #5190EF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #187CEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, }, "octaviusColorSnackbarTextContrast": { @@ -179258,19 +184274,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#DADCE2", @@ -179323,19 +184339,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#FFE9E9", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -179372,6 +184388,16 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 28, 61, 0.09)", "normal": "rgba(0, 28, 61, 0.05)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E5E6EA", "hover": "#EFF0F1", @@ -180313,8 +185339,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.24)", - "hover": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { @@ -180333,19 +185359,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "octaviusColorHeaderIconAttach": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { "active": "#237EDD", @@ -180398,9 +185424,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#778292", @@ -180784,9 +185810,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -180809,9 +185835,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -181438,19 +186464,19 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #DADCE2)", @@ -181503,19 +186529,19 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", @@ -181552,6 +186578,16 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 28, 61, 0.09))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 28, 61, 0.05))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", @@ -182493,8 +187529,8 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_header_background, #ffffff)", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24))", - "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.4))", + "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.64))", "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "octaviusColorHeaderButtonText": { @@ -182513,19 +187549,19 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_header_icon, #2688eb)", }, "octaviusColorHeaderIconAttach": { - "active": "var(--vkui--octavius_color_header_icon_attach--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", + "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", + "normal": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, "octaviusColorHeaderIconFavorite": { - "active": "var(--vkui--octavius_color_header_icon_favorite--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, "octaviusColorHeaderIconUnread": { - "active": "var(--vkui--octavius_color_header_icon_unread--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, "octaviusColorHeaderProgress": { "active": "var(--vkui--octavius_color_header_progress--active, #237EDD)", @@ -182578,9 +187614,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", @@ -182964,9 +188000,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", }, "octaviusColorSnackbarIconAccent": { - "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #5190EF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", - "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #006FEF)", + "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, "octaviusColorSnackbarIconNegative": { "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", @@ -182989,9 +188025,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", }, "octaviusColorSnackbarTextAccent": { - "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #5190EF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", - "normal": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #187CEF)", + "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", + "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, "octaviusColorSnackbarTextContrast": { "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", @@ -183618,19 +188654,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#DADCE2", @@ -183683,19 +188719,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#FFE9E9", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -183732,6 +188768,16 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 28, 61, 0.09)", "normal": "rgba(0, 28, 61, 0.05)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E5E6EA", "hover": "#EFF0F1", @@ -184673,8 +189719,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.24)", - "hover": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { @@ -184693,19 +189739,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "octaviusColorHeaderIconAttach": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { "active": "#237EDD", @@ -184758,9 +189804,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#778292", @@ -185144,9 +190190,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -185169,9 +190215,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -186040,43 +191086,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #F1F5FF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #F1F8FF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #F1F4FF)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #F1F7FF)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -186222,43 +191268,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #FAEDED)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #FEF0ED)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #FAECEC)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #FEF0EC)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -186359,6 +191405,34 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #D0E6FF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #CEE5FF)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -189480,43 +194554,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIconAttach": { "active": { "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #DCDDE0)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon_attach--hover, #DBDBDE)", }, "normal": { "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #FC3D48)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #FC3440)", }, "normal": { "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, }, "octaviusColorHeaderProgress": { @@ -189662,15 +194736,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #146CF9)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A65F9)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { @@ -190744,15 +195818,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconAccent": { "active": { "name": "--vkui--octavius_color_snackbar_icon_accent--active", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #65A3FF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5F9FFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, }, "octaviusColorSnackbarIconNegative": { @@ -190814,15 +195888,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextAccent": { "active": { "name": "--vkui--octavius_color_snackbar_text_accent--active", - "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #65A3FF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5F9FFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, }, "octaviusColorSnackbarTextContrast": { @@ -192608,19 +197682,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#F1F5FF", - "hover": "#F1F4FF", - "normal": "#f0f4ff", + "active": "#F1F8FF", + "hover": "#F1F7FF", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#353535", @@ -192673,19 +197747,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#522E2E", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#FAEDED", - "hover": "#FAECEC", - "normal": "#faebeb", + "active": "#FEF0ED", + "hover": "#FEF0EC", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#59B959", @@ -192722,6 +197796,16 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.08)", }, + "colorBackgroundSky": { + "active": "#D0E6FF", + "hover": "#CEE5FF", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#323233", "hover": "#29292A", @@ -193683,19 +198767,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#529ef4", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { "active": "#60A6F5", @@ -193748,9 +198832,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#146CF9", - "hover": "#0A65F9", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#818385", @@ -194134,9 +199218,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#FF6969", @@ -194159,9 +199243,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#D7D8DB", @@ -194788,19 +199872,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #F1F5FF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #F1F4FF)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #F1F8FF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #F1F7FF)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #353535)", @@ -194853,19 +199937,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #FAEDED)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #FAECEC)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #FEF0ED)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #FEF0EC)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -194902,6 +199986,16 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #D0E6FF)", + "hover": "var(--vkui--color_background_sky--hover, #CEE5FF)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #323233)", "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", @@ -195863,19 +200957,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_header_icon, #529ef4)", }, "octaviusColorHeaderIconAttach": { - "active": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #EBEDF0)", - "normal": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_attach--active, #DCDDE0)", + "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #DBDBDE)", + "normal": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, "octaviusColorHeaderIconFavorite": { - "active": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #EBEDF0)", - "normal": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_favorite--active, #FC3D48)", + "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #FC3440)", + "normal": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, "octaviusColorHeaderIconUnread": { - "active": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #EBEDF0)", - "normal": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_icon_unread--active, #1482FF)", + "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, "octaviusColorHeaderProgress": { "active": "var(--vkui--octavius_color_header_progress--active, #60A6F5)", @@ -195928,9 +201022,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #146CF9)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A65F9)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #1482FF)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", @@ -196314,9 +201408,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", }, "octaviusColorSnackbarIconAccent": { - "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #65A3FF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5F9FFF)", - "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", + "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", }, "octaviusColorSnackbarIconNegative": { "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", @@ -196339,9 +201433,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", }, "octaviusColorSnackbarTextAccent": { - "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #65A3FF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5F9FFF)", - "normal": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", + "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", }, "octaviusColorSnackbarTextContrast": { "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", @@ -196968,19 +202062,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#F1F5FF", - "hover": "#F1F4FF", - "normal": "#f0f4ff", + "active": "#F1F8FF", + "hover": "#F1F7FF", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#353535", @@ -197033,19 +202127,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#522E2E", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#FAEDED", - "hover": "#FAECEC", - "normal": "#faebeb", + "active": "#FEF0ED", + "hover": "#FEF0EC", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#59B959", @@ -197082,6 +202176,16 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.08)", }, + "colorBackgroundSky": { + "active": "#D0E6FF", + "hover": "#CEE5FF", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#323233", "hover": "#29292A", @@ -198043,19 +203147,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#529ef4", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { "active": "#60A6F5", @@ -198108,9 +203212,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#146CF9", - "hover": "#0A65F9", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { "active": "#818385", @@ -198494,9 +203598,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { "active": "#FF6969", @@ -198519,9 +203623,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { "active": "#D7D8DB", @@ -199180,15 +204284,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -199208,15 +204312,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -199320,15 +204424,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -199390,43 +204494,43 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -199544,71 +204648,71 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -199709,6 +204813,34 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -200048,15 +205180,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -200804,15 +205936,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -202598,15 +207730,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -202634,7 +207766,7 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 95, 249, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0,95,249,0.12))", }, }, "octaviusColorBackgroundNegativeTintAlpha": { @@ -202864,15 +207996,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #2C2D2E)", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, "octaviusColorHeaderIconAttach": { @@ -205931,9 +211063,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -205941,9 +211073,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -205981,9 +211113,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -206006,19 +211138,19 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -206061,29 +211193,29 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -206120,6 +211252,16 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -206241,9 +211383,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -206511,9 +211653,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -206998,9 +212140,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -207010,7 +212152,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "octaviusColorBackgroundAccentTonedAlpha": { "active": "rgba(0, 95, 249, 0.2)", "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "normal": "rgba(0,95,249,0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -207093,9 +212235,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { "active": "#C8CAD0", @@ -208128,9 +213270,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -208138,9 +213280,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -208178,9 +213320,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -208203,19 +213345,19 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -208258,29 +213400,29 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -208317,6 +213459,16 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -208438,9 +213590,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -208708,9 +213860,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -209195,9 +214347,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_background, #FFFFFF)", + "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "normal": "var(--vkui--octavius_color_background, #F6F7F8)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -209207,7 +214359,7 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "octaviusColorBackgroundAccentTonedAlpha": { "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 95, 249, 0.2))", "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 95, 249, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 95, 249, 0.12))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0,95,249,0.12))", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", @@ -209290,9 +214442,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, "octaviusColorHeaderIcon": { - "active": "var(--vkui--octavius_color_header_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_header_icon, #2C2D2E)", + "active": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, "octaviusColorHeaderIconAttach": { "active": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", @@ -210325,9 +215477,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -210335,9 +215487,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -210375,9 +215527,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -210400,19 +215552,19 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -210455,29 +215607,29 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -210514,6 +215666,16 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -210635,9 +215797,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -210905,9 +216067,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -211392,9 +216554,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -211404,7 +216566,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "octaviusColorBackgroundAccentTonedAlpha": { "active": "rgba(0, 95, 249, 0.2)", "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "normal": "rgba(0,95,249,0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -211487,9 +216649,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { "active": "#C8CAD0", @@ -212454,7 +217616,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -212478,6 +217640,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -212485,11 +217651,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_azure", @@ -212499,25 +217665,25 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #3880FC)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #307BFC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #2775FC)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -212527,25 +217693,25 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", + "value": "var(--vkui--color_accent_gray, #9C9DA2)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", + "value": "var(--vkui--color_accent_green--active, #20C774)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + "value": "var(--vkui--color_accent_green--hover, #17C46E)", }, "normal": { "name": "--vkui--color_accent_green", @@ -212555,11 +217721,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", + "value": "var(--vkui--color_accent_lime--active, #BEFC80)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -212569,11 +217735,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", + "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -212583,11 +217749,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentOrangeFire": { "active": { "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", }, "hover": { "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", }, "normal": { "name": "--vkui--color_accent_orange_fire", @@ -212597,25 +217763,25 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", }, }, "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", + "value": "var(--vkui--color_accent_pink--active, #FF498F)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", + "value": "var(--vkui--color_accent_pink--hover, #FF418A)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -212625,53 +217791,53 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, }, "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -212681,11 +217847,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", }, "normal": { "name": "--vkui--color_accent_violet", @@ -212695,29 +217861,43 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + }, + }, + "colorAlert": { + "active": { + "name": "--vkui--color_alert--active", + "value": "var(--vkui--color_alert--active, #C6442D)", + }, + "hover": { + "name": "--vkui--color_alert--hover", + "value": "var(--vkui--color_alert--hover, #C33C24)", + }, + "normal": { + "name": "--vkui--color_alert", + "value": "var(--vkui--color_alert, #c1341b)", }, }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", }, "hover": { "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -212737,39 +217917,39 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", + "value": "var(--vkui--color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", + "value": "var(--vkui--color_background--hover, #222223)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", + "value": "var(--vkui--color_background, #19191A)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #3880FC)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #307BFC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #2775FC)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", @@ -212779,39 +217959,39 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { "name": "--vkui--color_background_accent_tint", @@ -212835,11 +218015,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #F1F5FF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #F1F4FF)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", @@ -212863,25 +218043,25 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #232324)", }, }, "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_contrast", @@ -212891,11 +218071,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -212919,85 +218099,85 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #303030)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "value": "var(--vkui--color_background_info_tint--active, #2B3240)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "value": "var(--vkui--color_background_info_tint--hover, #222937)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + "value": "var(--vkui--color_background_info_tint, #19202f)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #414141)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #383838)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #303030)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", }, }, "colorBackgroundNegativeTintAlpha": { @@ -213017,11 +218197,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #FAEDED)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #FAECEC)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", @@ -213045,11 +218225,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #0CB465)", + "value": "var(--vkui--color_background_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + "value": "var(--vkui--color_background_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_background_positive", @@ -213059,333 +218239,389 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "value": "var(--vkui--color_background_positive_tint, #182A22)", }, }, "colorBackgroundPositiveTintAlpha": { "active": { "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "hover": { "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, "colorBackgroundPositiveTintThemed": { "active": { "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", }, "normal": { "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", }, }, "colorBackgroundPositiveTintThemedAlpha": { "active": { "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "value": "var(--vkui--color_background_secondary--hover, #333333)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", + "value": "var(--vkui--color_background_secondary, #2A2A2B)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "value": "var(--vkui--color_background_tertiary--active, #363636)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + "value": "var(--vkui--color_background_tertiary, #252525)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + }, + }, + "colorBackgroundThumbnail": { + "active": { + "name": "--vkui--color_background_thumbnail--active", + "value": "var(--vkui--color_background_thumbnail--active, #313131)", + }, + "hover": { + "name": "--vkui--color_background_thumbnail--hover", + "value": "var(--vkui--color_background_thumbnail--hover, #282828)", + }, + "normal": { + "name": "--vkui--color_background_thumbnail", + "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", + }, + }, + "colorBackgroundThumbnailAlpha": { + "active": { + "name": "--vkui--color_background_thumbnail_alpha--active", + "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_thumbnail_alpha--hover", + "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_thumbnail_alpha", + "value": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + "value": "var(--vkui--color_background_warning--active, #785C14)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "value": "var(--vkui--color_background_warning--hover, #72550A)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", + "value": "var(--vkui--color_background_warning, #6C4E00)", }, }, "colorBackgroundWarningTint": { "active": { "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "value": "var(--vkui--color_background_warning_tint--active, #41372A)", }, "hover": { "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", }, "normal": { "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #fffce0)", + "value": "var(--vkui--color_background_warning_tint, #302617)", }, }, "colorBackgroundWarningTintAlpha": { "active": { "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", }, "hover": { "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", }, "normal": { "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, }, "colorBackgroundWarningTintThemed": { "active": { "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", }, "normal": { "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, }, "colorBackgroundWarningTintThemedAlpha": { "active": { "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorButtonContrast": { "active": { "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, "colorButtonContrastAlpha": { "active": { "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ffffff)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", + "value": "var(--vkui--color_header_background--active, #353536)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #232324)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #3C82FD)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_contrast", @@ -213395,11 +218631,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorIconContrastSecondary": { "active": { "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", }, "hover": { "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", @@ -213409,67 +218645,67 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", + "value": "var(--vkui--color_icon_medium, #B0B1B6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", + "value": "var(--vkui--color_icon_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "value": "var(--vkui--color_icon_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -213479,25 +218715,25 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", + "value": "var(--vkui--color_icon_primary, #D9DADD)", }, }, "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", @@ -213507,67 +218743,67 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "value": "var(--vkui--color_icon_tertiary, #83848A)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EB9305)", + "value": "var(--vkui--color_icon_warning--active, #FFA614)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", + "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_icon_warning", @@ -213577,53 +218813,53 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "value": "var(--vkui--color_image_placeholder--active, #494A4B)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + "value": "var(--vkui--color_image_placeholder, #393A3B)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorLinkContrast": { "active": { "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_link_contrast", @@ -213633,53 +218869,305 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "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.72))", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, + }, + "colorPaletteBlue1": { + "active": { + "name": "--vkui--color_palette_blue1--active", + "value": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + }, + "hover": { + "name": "--vkui--color_palette_blue1--hover", + "value": "var(--vkui--color_palette_blue1--hover, #3258FF)", + }, + "normal": { + "name": "--vkui--color_palette_blue1", + "value": "var(--vkui--color_palette_blue1, #2951ff)", + }, + }, + "colorPaletteBlue1Alpha": { + "active": { + "name": "--vkui--color_palette_blue1_alpha--active", + "value": "var(--vkui--color_palette_blue1_alpha--active, rgba(0, 95, 249, 0.2))", + }, + "hover": { + "name": "--vkui--color_palette_blue1_alpha--hover", + "value": "var(--vkui--color_palette_blue1_alpha--hover, rgba(0, 95, 249, 0.16))", + }, + "normal": { + "name": "--vkui--color_palette_blue1_alpha", + "value": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", + }, + }, + "colorPaletteBlue2": { + "active": { + "name": "--vkui--color_palette_blue2--active", + "value": "var(--vkui--color_palette_blue2--active, #14B2F3)", + }, + "hover": { + "name": "--vkui--color_palette_blue2--hover", + "value": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", + }, + "normal": { + "name": "--vkui--color_palette_blue2", + "value": "var(--vkui--color_palette_blue2, #00abf2)", + }, + }, + "colorPaletteBlue3": { + "active": { + "name": "--vkui--color_palette_blue3--active", + "value": "var(--vkui--color_palette_blue3--active, #37E2E2)", + }, + "hover": { + "name": "--vkui--color_palette_blue3--hover", + "value": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + }, + "normal": { + "name": "--vkui--color_palette_blue3", + "value": "var(--vkui--color_palette_blue3, #26dfdf)", + }, + }, + "colorPaletteGreen1": { + "active": { + "name": "--vkui--color_palette_green1--active", + "value": "var(--vkui--color_palette_green1--active, #B4E326)", + }, + "hover": { + "name": "--vkui--color_palette_green1--hover", + "value": "var(--vkui--color_palette_green1--hover, #B1E21C)", + }, + "normal": { + "name": "--vkui--color_palette_green1", + "value": "var(--vkui--color_palette_green1, #aee113)", + }, + }, + "colorPaletteGreen1Alpha": { + "active": { + "name": "--vkui--color_palette_green1_alpha--active", + "value": "var(--vkui--color_palette_green1_alpha--active, rgba(92, 186, 56, 0.2))", + }, + "hover": { + "name": "--vkui--color_palette_green1_alpha--hover", + "value": "var(--vkui--color_palette_green1_alpha--hover, rgba(92, 186, 56, 0.16))", + }, + "normal": { + "name": "--vkui--color_palette_green1_alpha", + "value": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", + }, + }, + "colorPaletteGreen2": { + "active": { + "name": "--vkui--color_palette_green2--active", + "value": "var(--vkui--color_palette_green2--active, #66C862)", + }, + "hover": { + "name": "--vkui--color_palette_green2--hover", + "value": "var(--vkui--color_palette_green2--hover, #60C55B)", + }, + "normal": { + "name": "--vkui--color_palette_green2", + "value": "var(--vkui--color_palette_green2, #59c354)", + }, + }, + "colorPaletteGreen2Alpha": { + "active": { + "name": "--vkui--color_palette_green2_alpha--active", + "value": "var(--vkui--color_palette_green2_alpha--active, rgba(0, 230, 180, 0.16))", + }, + "hover": { + "name": "--vkui--color_palette_green2_alpha--hover", + "value": "var(--vkui--color_palette_green2_alpha--hover, rgba(0, 230, 180, 0.12))", + }, + "normal": { + "name": "--vkui--color_palette_green2_alpha", + "value": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", + }, + }, + "colorPaletteGreen3": { + "active": { + "name": "--vkui--color_palette_green3--active", + "value": "var(--vkui--color_palette_green3--active, #47ED9D)", + }, + "hover": { + "name": "--vkui--color_palette_green3--hover", + "value": "var(--vkui--color_palette_green3--hover, #3FEC98)", + }, + "normal": { + "name": "--vkui--color_palette_green3", + "value": "var(--vkui--color_palette_green3, #37eb94)", + }, + }, + "colorPaletteGreen4": { + "active": { + "name": "--vkui--color_palette_green4--active", + "value": "var(--vkui--color_palette_green4--active, #14B7B9)", + }, + "hover": { + "name": "--vkui--color_palette_green4--hover", + "value": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + }, + "normal": { + "name": "--vkui--color_palette_green4", + "value": "var(--vkui--color_palette_green4, #00b1b3)", + }, + }, + "colorPaletteOrange1": { + "active": { + "name": "--vkui--color_palette_orange1--active", + "value": "var(--vkui--color_palette_orange1--active, #FF943F)", + }, + "hover": { + "name": "--vkui--color_palette_orange1--hover", + "value": "var(--vkui--color_palette_orange1--hover, #FF9036)", + }, + "normal": { + "name": "--vkui--color_palette_orange1", + "value": "var(--vkui--color_palette_orange1, #ff8b2e)", + }, + }, + "colorPaletteOrange1Alpha": { + "active": { + "name": "--vkui--color_palette_orange1_alpha--active", + "value": "var(--vkui--color_palette_orange1_alpha--active, rgba(255, 158, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_palette_orange1_alpha--hover", + "value": "var(--vkui--color_palette_orange1_alpha--hover, rgba(255, 158, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_palette_orange1_alpha", + "value": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", + }, + }, + "colorPaletteRed1": { + "active": { + "name": "--vkui--color_palette_red1--active", + "value": "var(--vkui--color_palette_red1--active, #FC3D48)", + }, + "hover": { + "name": "--vkui--color_palette_red1--hover", + "value": "var(--vkui--color_palette_red1--hover, #FC3440)", + }, + "normal": { + "name": "--vkui--color_palette_red1", + "value": "var(--vkui--color_palette_red1, #fc2c38)", + }, + }, + "colorPaletteRed2": { + "active": { + "name": "--vkui--color_palette_red2--active", + "value": "var(--vkui--color_palette_red2--active, #ED2B8B)", + }, + "hover": { + "name": "--vkui--color_palette_red2--hover", + "value": "var(--vkui--color_palette_red2--hover, #EC2286)", + }, + "normal": { + "name": "--vkui--color_palette_red2", + "value": "var(--vkui--color_palette_red2, #eb1981)", + }, + }, + "colorPaletteRed3": { + "active": { + "name": "--vkui--color_palette_red3--active", + "value": "var(--vkui--color_palette_red3--active, #FF7CC0)", + }, + "hover": { + "name": "--vkui--color_palette_red3--hover", + "value": "var(--vkui--color_palette_red3--hover, #FF77BE)", + }, + "normal": { + "name": "--vkui--color_palette_red3", + "value": "var(--vkui--color_palette_red3, #ff71bb)", + }, + }, + "colorPaletteViolet1": { + "active": { + "name": "--vkui--color_palette_violet1--active", + "value": "var(--vkui--color_palette_violet1--active, #7814FF)", + }, + "hover": { + "name": "--vkui--color_palette_violet1--hover", + "value": "var(--vkui--color_palette_violet1--hover, #720AFF)", + }, + "normal": { + "name": "--vkui--color_palette_violet1", + "value": "var(--vkui--color_palette_violet1, #6c00ff)", + }, + }, + "colorPaletteViolet2": { + "active": { + "name": "--vkui--color_palette_violet2--active", + "value": "var(--vkui--color_palette_violet2--active, #B47EFF)", + }, + "hover": { + "name": "--vkui--color_palette_violet2--hover", + "value": "var(--vkui--color_palette_violet2--hover, #B179FF)", + }, + "normal": { + "name": "--vkui--color_palette_violet2", + "value": "var(--vkui--color_palette_violet2, #ae73ff)", + }, + }, + "colorPaletteYellow1": { + "active": { + "name": "--vkui--color_palette_yellow1--active", + "value": "var(--vkui--color_palette_yellow1--active, #FFC824)", + }, + "hover": { + "name": "--vkui--color_palette_yellow1--hover", + "value": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + }, + "normal": { + "name": "--vkui--color_palette_yellow1", + "value": "var(--vkui--color_palette_yellow1, #ffc311)", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #3C82FD)", }, }, "colorRating": { "active": { "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "value": "var(--vkui--color_rating--active, #FFD714)", }, "hover": { "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "value": "var(--vkui--color_rating--hover, #FFD60A)", }, "normal": { "name": "--vkui--color_rating", @@ -213689,165 +219177,263 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "value": "var(--vkui--color_search_field_background--hover, #414243)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "value": "var(--vkui--color_search_field_background, #393A3B)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "value": "var(--vkui--color_segmented_control, #626364)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "value": "var(--vkui--color_separator_primary--active, #282829)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "value": "var(--vkui--color_separator_primary, #151516)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "value": "var(--vkui--color_separator_primary2x--active, #323234)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "value": "var(--vkui--color_separator_primary2x, #202022)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "value": "var(--vkui--color_separator_primary3x--hover, #353537)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "value": "var(--vkui--color_separator_secondary, #181818)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + }, + "colorSocialBehance": { + "active": { + "name": "--vkui--color_social_behance--active", + "value": "var(--vkui--color_social_behance--active, #2A75FF)", + }, + "hover": { + "name": "--vkui--color_social_behance--hover", + "value": "var(--vkui--color_social_behance--hover, #206FFF)", + }, + "normal": { + "name": "--vkui--color_social_behance", + "value": "var(--vkui--color_social_behance, #1769ff)", + }, + }, + "colorSocialDribbble": { + "active": { + "name": "--vkui--color_social_dribbble--active", + "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", + }, + "hover": { + "name": "--vkui--color_social_dribbble--hover", + "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", + }, + "normal": { + "name": "--vkui--color_social_dribbble", + "value": "var(--vkui--color_social_dribbble, #ea4c89)", + }, + }, + "colorSocialFb": { + "active": { + "name": "--vkui--color_social_fb--active", + "value": "var(--vkui--color_social_fb--active, #2A82F3)", + }, + "hover": { + "name": "--vkui--color_social_fb--hover", + "value": "var(--vkui--color_social_fb--hover, #217CF3)", + }, + "normal": { + "name": "--vkui--color_social_fb", + "value": "var(--vkui--color_social_fb, #1877f2)", + }, + }, + "colorSocialMir": { + "active": { + "name": "--vkui--color_social_mir--active", + "value": "var(--vkui--color_social_mir--active, #2488DD)", + }, + "hover": { + "name": "--vkui--color_social_mir--hover", + "value": "var(--vkui--color_social_mir--hover, #1B83DB)", + }, + "normal": { + "name": "--vkui--color_social_mir", + "value": "var(--vkui--color_social_mir, #117eda)", + }, + }, + "colorSocialOk": { + "active": { + "name": "--vkui--color_social_ok--active", + "value": "var(--vkui--color_social_ok--active, #EF8C1C)", + }, + "hover": { + "name": "--vkui--color_social_ok--hover", + "value": "var(--vkui--color_social_ok--hover, #EF8712)", + }, + "normal": { + "name": "--vkui--color_social_ok", + "value": "var(--vkui--color_social_ok, #ee8208)", + }, + }, + "colorSocialTwitter": { + "active": { + "name": "--vkui--color_social_twitter--active", + "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", + }, + "hover": { + "name": "--vkui--color_social_twitter--hover", + "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", + }, + "normal": { + "name": "--vkui--color_social_twitter", + "value": "var(--vkui--color_social_twitter, #1da1f2)", + }, + }, + "colorSocialVk": { + "active": { + "name": "--vkui--color_social_vk--active", + "value": "var(--vkui--color_social_vk--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_social_vk--hover", + "value": "var(--vkui--color_social_vk--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_social_vk", + "value": "var(--vkui--color_social_vk, #3F8AE0)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #3C82FD)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_contrast", @@ -213857,25 +219443,25 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -213885,53 +219471,193 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, + }, + "colorTagBackgroundMint": { + "active": { + "name": "--vkui--color_tag_background_mint--active", + "value": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", + }, + "hover": { + "name": "--vkui--color_tag_background_mint--hover", + "value": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + }, + "normal": { + "name": "--vkui--color_tag_background_mint", + "value": "var(--vkui--color_tag_background_mint, #B3F0DD)", + }, + }, + "colorTagBackgroundOrange": { + "active": { + "name": "--vkui--color_tag_background_orange--active", + "value": "var(--vkui--color_tag_background_orange--active, #FFD6AF)", + }, + "hover": { + "name": "--vkui--color_tag_background_orange--hover", + "value": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", + }, + "normal": { + "name": "--vkui--color_tag_background_orange", + "value": "var(--vkui--color_tag_background_orange, #FFD2A8)", + }, + }, + "colorTagBackgroundPink": { + "active": { + "name": "--vkui--color_tag_background_pink--active", + "value": "var(--vkui--color_tag_background_pink--active, #FFB8DD)", + }, + "hover": { + "name": "--vkui--color_tag_background_pink--hover", + "value": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", + }, + "normal": { + "name": "--vkui--color_tag_background_pink", + "value": "var(--vkui--color_tag_background_pink, #FFB2DA)", + }, + }, + "colorTagBackgroundPurple": { + "active": { + "name": "--vkui--color_tag_background_purple--active", + "value": "var(--vkui--color_tag_background_purple--active, #D2B9F1)", + }, + "hover": { + "name": "--vkui--color_tag_background_purple--hover", + "value": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", + }, + "normal": { + "name": "--vkui--color_tag_background_purple", + "value": "var(--vkui--color_tag_background_purple, #CEB3F0)", + }, + }, + "colorTagBackgroundSky": { + "active": { + "name": "--vkui--color_tag_background_sky--active", + "value": "var(--vkui--color_tag_background_sky--active, #ABE1FF)", + }, + "hover": { + "name": "--vkui--color_tag_background_sky--hover", + "value": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", + }, + "normal": { + "name": "--vkui--color_tag_background_sky", + "value": "var(--vkui--color_tag_background_sky, #A4DEFF)", + }, + }, + "colorTagTextMint": { + "active": { + "name": "--vkui--color_tag_text_mint--active", + "value": "var(--vkui--color_tag_text_mint--active, #326868)", + }, + "hover": { + "name": "--vkui--color_tag_text_mint--hover", + "value": "var(--vkui--color_tag_text_mint--hover, #296262)", + }, + "normal": { + "name": "--vkui--color_tag_text_mint", + "value": "var(--vkui--color_tag_text_mint, #205B5B)", + }, + }, + "colorTagTextOrange": { + "active": { + "name": "--vkui--color_tag_text_orange--active", + "value": "var(--vkui--color_tag_text_orange--active, #684632)", + }, + "hover": { + "name": "--vkui--color_tag_text_orange--hover", + "value": "var(--vkui--color_tag_text_orange--hover, #623E29)", + }, + "normal": { + "name": "--vkui--color_tag_text_orange", + "value": "var(--vkui--color_tag_text_orange, #5B3620)", + }, + }, + "colorTagTextPink": { + "active": { + "name": "--vkui--color_tag_text_pink--active", + "value": "var(--vkui--color_tag_text_pink--active, #5F3268)", + }, + "hover": { + "name": "--vkui--color_tag_text_pink--hover", + "value": "var(--vkui--color_tag_text_pink--hover, #582962)", + }, + "normal": { + "name": "--vkui--color_tag_text_pink", + "value": "var(--vkui--color_tag_text_pink, #51205B)", + }, + }, + "colorTagTextPurple": { + "active": { + "name": "--vkui--color_tag_text_purple--active", + "value": "var(--vkui--color_tag_text_purple--active, #483268)", + }, + "hover": { + "name": "--vkui--color_tag_text_purple--hover", + "value": "var(--vkui--color_tag_text_purple--hover, #402962)", + }, + "normal": { + "name": "--vkui--color_tag_text_purple", + "value": "var(--vkui--color_tag_text_purple, #38205B)", + }, + }, + "colorTagTextSky": { + "active": { + "name": "--vkui--color_tag_text_sky--active", + "value": "var(--vkui--color_tag_text_sky--active, #324E68)", + }, + "hover": { + "name": "--vkui--color_tag_text_sky--hover", + "value": "var(--vkui--color_tag_text_sky--hover, #294762)", + }, + "normal": { + "name": "--vkui--color_tag_text_sky", + "value": "var(--vkui--color_tag_text_sky, #203F5B)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #3C82FD)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_contrast", @@ -213941,53 +219667,53 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #65A3FF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #5F9FFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #589BFF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", @@ -213997,11 +219723,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "value": "var(--vkui--color_text_link_visited--active, #6098E2)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -214011,39 +219737,39 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #E9EAEC)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2C2D2E)", + "value": "var(--vkui--color_text_muted, #E7E8EA)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", + "value": "var(--vkui--color_text_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + "value": "var(--vkui--color_text_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_text_positive", @@ -214053,25 +219779,25 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", + "value": "var(--vkui--color_text_primary, #E7E8EA)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -214081,43 +219807,43 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + "value": "var(--vkui--color_text_secondary--active, #95979D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "value": "var(--vkui--color_text_secondary--hover, #919398)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "value": "var(--vkui--color_text_secondary, #8C8E94)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", + "value": "var(--vkui--color_text_tertiary, #74767A)", }, }, "colorThumbErrorBackgroundAlpha": { @@ -214137,137 +219863,137 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTooltipBackgroundBlueTint": { "active": { "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", }, "hover": { "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", }, "normal": { "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", }, }, "colorTooltipBackgroundGreenTint": { "active": { "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", }, "hover": { "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", }, "normal": { "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", }, }, "colorTooltipBackgroundOrangeTint": { "active": { "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", }, "hover": { "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", }, "normal": { "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", }, }, "colorTooltipBackgroundPurpleTint": { "active": { "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", }, "hover": { "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", }, "normal": { "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", }, }, "colorTooltipTextBlueThemed": { "active": { "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", }, }, "colorTooltipTextGreenThemed": { "active": { "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", }, }, "colorTooltipTextOrangeThemed": { "active": { "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", }, }, "colorTooltipTextPurpleThemed": { "active": { "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "value": "var(--vkui--color_track_background--active, #525354)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "value": "var(--vkui--color_track_background, #434445)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", }, "normal": { "name": "--vkui--color_track_buffer", @@ -214277,11 +220003,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTransparent": { "active": { "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--color_transparent", @@ -214291,82 +220017,82 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #3C82FD)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "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, #2C2D2E)", }, }, "colorWriteBarInputBorderAlpha": { "active": { "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorsScheme": { "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "value": "var(--vkui--colors_scheme, dark)", }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", }, "fontCaption1": { "auto": { @@ -214701,6 +220427,24 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_display_title2--line_height)", }, }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", @@ -214918,31 +220662,33 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", }, - "marginBottom": { - "name": "--vkui--font_h0--margin_bottom", - "value": "var(--vkui--font_h0--margin_bottom)", + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 44px)", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", }, "fontWeight": { "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 700)", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 52px)", - }, - "marginBottom": { - "name": "--vkui--font_h0--margin_bottom--regular", - "value": "var(--vkui--font_h0--margin_bottom--regular, 20px)", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, }, @@ -214964,31 +220710,33 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", }, - "marginBottom": { - "name": "--vkui--font_h1--margin_bottom", - "value": "var(--vkui--font_h1--margin_bottom)", + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 32px)", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 700)", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 40px)", - }, - "marginBottom": { - "name": "--vkui--font_h1--margin_bottom--regular", - "value": "var(--vkui--font_h1--margin_bottom--regular, 16px)", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, @@ -215010,31 +220758,33 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", }, - "marginBottom": { - "name": "--vkui--font_h2--margin_bottom", - "value": "var(--vkui--font_h2--margin_bottom)", + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 24px)", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "fontWeight": { "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 700)", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 32px)", - }, - "marginBottom": { - "name": "--vkui--font_h2--margin_bottom--regular", - "value": "var(--vkui--font_h2--margin_bottom--regular, 12px)", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, @@ -215057,6 +220807,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", @@ -215095,6 +220855,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline1--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", @@ -215133,6 +220903,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline2--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", @@ -215209,6 +220989,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_subhead--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", @@ -215247,6 +221037,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_text--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", @@ -215284,32 +221084,24 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_title1--line_height", "value": "var(--vkui--font_title1--line_height)", }, - "marginBottom": { - "name": "--vkui--font_title1--margin_bottom", - "value": "var(--vkui--font_title1--margin_bottom)", - }, }, "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", - "value": "var(--vkui--font_title1--font_size--regular, 20px)", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 700)", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title1--line_height--regular", "value": "var(--vkui--font_title1--line_height--regular, 28px)", }, - "marginBottom": { - "name": "--vkui--font_title1--margin_bottom--regular", - "value": "var(--vkui--font_title1--margin_bottom--regular, 12px)", - }, }, }, "fontTitle2": { @@ -215330,31 +221122,23 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_title2--line_height", "value": "var(--vkui--font_title2--line_height)", }, - "marginBottom": { - "name": "--vkui--font_title2--margin_bottom", - "value": "var(--vkui--font_title2--margin_bottom)", - }, }, "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", - "value": "var(--vkui--font_title2--font_size--regular, 17px)", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", }, "fontWeight": { "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 700)", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, - "marginBottom": { - "name": "--vkui--font_title2--margin_bottom--regular", - "value": "var(--vkui--font_title2--margin_bottom--regular, 12px)", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", }, }, }, @@ -215422,7 +221206,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -215430,9647 +221214,9937 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", - }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", - }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "octaviusColorActionArchive": { + "active": { + "name": "--vkui--octavius_color_action_archive--active", + "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_action_archive--hover", + "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + }, + "normal": { + "name": "--vkui--octavius_color_action_archive", + "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", }, }, - "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "octaviusColorBackground": { + "active": { + "name": "--vkui--octavius_color_background--active", + "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_background--hover", + "value": "var(--vkui--octavius_color_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--octavius_color_background", + "value": "var(--vkui--octavius_color_background, #19191A)", }, }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "octaviusColorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--octavius_color_background_accent_tint_alpha--active", + "value": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_background_accent_tint_alpha--hover", + "value": "var(--vkui--octavius_color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_background_accent_tint_alpha", + "value": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "octaviusColorBackgroundAccentTonedAlpha": { + "active": { + "name": "--vkui--octavius_color_background_accent_toned_alpha--active", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "hover": { + "name": "--vkui--octavius_color_background_accent_toned_alpha--hover", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_background_accent_toned_alpha", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--octavius_color_background_negative_tint_alpha--active", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_background_negative_tint_alpha--hover", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.2))", + }, + "normal": { + "name": "--vkui--octavius_color_background_negative_tint_alpha", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", }, }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--octavius_color_background_positive_tint_alpha--active", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.2))", }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_background_positive_tint_alpha--hover", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_background_positive_tint_alpha", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", }, }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "octaviusColorButtonBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_button_background_alpha--active", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "hover": { + "name": "--vkui--octavius_color_button_background_alpha--hover", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_button_background_alpha", + "value": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "octaviusColorButtonBackgroundContrastAlpha": { + "active": { + "name": "--vkui--octavius_color_button_background_contrast_alpha--active", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "hover": { + "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_button_background_contrast_alpha", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(255, 255, 255, 0.12))", }, }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "octaviusColorButtonEmptyStateText": { + "active": { + "name": "--vkui--octavius_color_button_empty_state_text--active", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "hover": { + "name": "--vkui--octavius_color_button_empty_state_text--hover", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_button_empty_state_text", + "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", }, }, - "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "octaviusColorButtonIcon": { + "active": { + "name": "--vkui--octavius_color_button_icon--active", + "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_button_icon--hover", + "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_button_icon", + "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", }, }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "octaviusColorButtonText": { + "active": { + "name": "--vkui--octavius_color_button_text--active", + "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "hover": { + "name": "--vkui--octavius_color_button_text--hover", + "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_button_text", + "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "octaviusColorContentScrollbarAlpha": { + "active": { + "name": "--vkui--octavius_color_content_scrollbar_alpha--active", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_content_scrollbar_alpha", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", }, }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "octaviusColorDatasetBackground": { + "active": { + "name": "--vkui--octavius_color_dataset_background--active", + "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_dataset_background--hover", + "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--octavius_color_dataset_background", + "value": "var(--vkui--octavius_color_dataset_background, #232324)", }, }, - "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "octaviusColorEmptyStateText": { + "active": { + "name": "--vkui--octavius_color_empty_state_text--active", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "hover": { + "name": "--vkui--octavius_color_empty_state_text--hover", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_empty_state_text", + "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", }, }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "octaviusColorEmptyStateTextLink": { + "active": { + "name": "--vkui--octavius_color_empty_state_text_link--active", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_empty_state_text_link--hover", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_empty_state_text_link", + "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "octaviusColorHeaderBackground": { + "active": { + "name": "--vkui--octavius_color_header_background--active", + "value": "var(--vkui--octavius_color_header_background--active, #353536)", }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_header_background--hover", + "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--octavius_color_header_background", + "value": "var(--vkui--octavius_color_header_background, #232324)", }, }, - "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_header_button_background_alpha--active", + "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_header_button_background_alpha--hover", + "value": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_header_button_background_alpha", + "value": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "octaviusColorHeaderButtonText": { + "active": { + "name": "--vkui--octavius_color_header_button_text--active", + "value": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_header_button_text--hover", + "value": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_header_button_text", + "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "octaviusColorHeaderFilterTextAlpha": { + "active": { + "name": "--vkui--octavius_color_header_filter_text_alpha--active", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_header_filter_text_alpha--hover", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", + }, + "normal": { + "name": "--vkui--octavius_color_header_filter_text_alpha", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "octaviusColorHeaderIcon": { + "active": { + "name": "--vkui--octavius_color_header_icon--active", + "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "hover": { + "name": "--vkui--octavius_color_header_icon--hover", + "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_header_icon", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "octaviusColorHeaderIconAttach": { + "active": { + "name": "--vkui--octavius_color_header_icon_attach--active", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "hover": { + "name": "--vkui--octavius_color_header_icon_attach--hover", + "value": "var(--vkui--octavius_color_header_icon_attach--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_header_icon_attach", + "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", }, }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "octaviusColorHeaderIconFavorite": { + "active": { + "name": "--vkui--octavius_color_header_icon_favorite--active", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "hover": { + "name": "--vkui--octavius_color_header_icon_favorite--hover", + "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_header_icon_favorite", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", }, }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "octaviusColorHeaderIconUnread": { + "active": { + "name": "--vkui--octavius_color_header_icon_unread--active", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_header_icon_unread--hover", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_header_icon_unread", + "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "octaviusColorHeaderProgress": { + "active": { + "name": "--vkui--octavius_color_header_progress--active", + "value": "var(--vkui--octavius_color_header_progress--active, #FFA614)", }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_header_progress--hover", + "value": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--octavius_color_header_progress", + "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", }, }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "octaviusColorHeaderSearchBackground": { + "active": { + "name": "--vkui--octavius_color_header_search_background--active", + "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_header_search_background--hover", + "value": "var(--vkui--octavius_color_header_search_background--hover, #383838)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_background", + "value": "var(--vkui--octavius_color_header_search_background, #303030)", }, }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": { + "name": "--vkui--octavius_color_header_search_background_collapsed--active", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "hover": { + "name": "--vkui--octavius_color_header_search_background_collapsed--hover", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_background_collapsed", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", }, }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "octaviusColorHeaderSearchChipBackground": { + "active": { + "name": "--vkui--octavius_color_header_search_chip_background--active", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_header_search_chip_background--hover", + "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #484848)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background", + "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", }, }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": { + "name": "--vkui--octavius_color_header_search_chip_background_editable--active", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background_editable", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", }, }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": { + "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha--active", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha--hover", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(255, 255, 255, 0.52))", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "octaviusColorHeaderSearchIcon": { + "active": { + "name": "--vkui--octavius_color_header_search_icon--active", + "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "hover": { + "name": "--vkui--octavius_color_header_search_icon--hover", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_icon", + "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "octaviusColorHeaderSearchText": { + "active": { + "name": "--vkui--octavius_color_header_search_text--active", + "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_header_search_text--hover", + "value": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_text", + "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "octaviusColorHeaderSearchTextCollapsed": { + "active": { + "name": "--vkui--octavius_color_header_search_text_collapsed--active", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_header_search_text_collapsed--hover", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_text_collapsed", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "octaviusColorHeaderTextSecondary": { + "active": { + "name": "--vkui--octavius_color_header_text_secondary--active", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_header_text_secondary--hover", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + }, + "normal": { + "name": "--vkui--octavius_color_header_text_secondary", + "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "octaviusColorIconEvent": { + "active": { + "name": "--vkui--octavius_color_icon_event--active", + "value": "var(--vkui--octavius_color_icon_event--active, #4BC0FE)", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_event--hover", + "value": "var(--vkui--octavius_color_icon_event--hover, #43BDFE)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event", + "value": "var(--vkui--octavius_color_icon_event, #3BBAFE)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "octaviusColorIconEventAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_event_alpha--active", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(255, 255, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_event_alpha--hover", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event_alpha", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "octaviusColorIconFavorite": { + "active": { + "name": "--vkui--octavius_color_icon_favorite--active", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_favorite--hover", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_favorite", + "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "octaviusColorIconFees": { + "active": { + "name": "--vkui--octavius_color_icon_fees--active", + "value": "var(--vkui--octavius_color_icon_fees--active, #EF4C4C)", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_icon_fees--hover", + "value": "var(--vkui--octavius_color_icon_fees--hover, #EF4444)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_fees", + "value": "var(--vkui--octavius_color_icon_fees, #EE3C3C)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "octaviusColorIconFinance": { + "active": { + "name": "--vkui--octavius_color_icon_finance--active", + "value": "var(--vkui--octavius_color_icon_finance--active, #36CB8A)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "hover": { + "name": "--vkui--octavius_color_icon_finance--hover", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC985)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_finance", + "value": "var(--vkui--octavius_color_icon_finance, #24C780)", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "octaviusColorIconGames": { + "active": { + "name": "--vkui--octavius_color_icon_games--active", + "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_games--hover", + "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_games", + "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", - }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "octaviusColorIconMailings": { + "active": { + "name": "--vkui--octavius_color_icon_mailings--active", + "value": "var(--vkui--octavius_color_icon_mailings--active, #FC9328)", }, - }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "hover": { + "name": "--vkui--octavius_color_icon_mailings--hover", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #FC8F1E)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--octavius_color_icon_mailings", + "value": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "octaviusColorIconNews": { + "active": { + "name": "--vkui--octavius_color_icon_news--active", + "value": "var(--vkui--octavius_color_icon_news--active, #1CB2DC)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "hover": { + "name": "--vkui--octavius_color_icon_news--hover", + "value": "var(--vkui--octavius_color_icon_news--hover, #12AEDB)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_news", + "value": "var(--vkui--octavius_color_icon_news, #08ABD9)", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "octaviusColorIconOfficial": { + "active": { + "name": "--vkui--octavius_color_icon_official--active", + "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_icon_official--hover", + "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_official", + "value": "var(--vkui--octavius_color_icon_official, #EC4750)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "octaviusColorIconOrder": { + "active": { + "name": "--vkui--octavius_color_icon_order--active", + "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_icon_order--hover", + "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_order", + "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", }, }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "octaviusColorIconOrderAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_order_alpha--active", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(255, 255, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_icon_order_alpha--hover", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_order_alpha", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", }, }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", + "octaviusColorIconReceipts": { + "active": { + "name": "--vkui--octavius_color_icon_receipts--active", + "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_receipts--hover", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_receipts", + "value": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "octaviusColorIconRegistration": { + "active": { + "name": "--vkui--octavius_color_icon_registration--active", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_registration--hover", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_registration", + "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "octaviusColorIconSchool": { + "active": { + "name": "--vkui--octavius_color_icon_school--active", + "value": "var(--vkui--octavius_color_icon_school--active, #B388EE)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "hover": { + "name": "--vkui--octavius_color_icon_school--hover", + "value": "var(--vkui--octavius_color_icon_school--hover, #AF83ED)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_school", + "value": "var(--vkui--octavius_color_icon_school, #AC7EEC)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "octaviusColorIconSocial": { + "active": { + "name": "--vkui--octavius_color_icon_social--active", + "value": "var(--vkui--octavius_color_icon_social--active, #7D92FF)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_social--hover", + "value": "var(--vkui--octavius_color_icon_social--hover, #788DFF)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_social", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "octaviusColorIconToMyself": { + "active": { + "name": "--vkui--octavius_color_icon_to_myself--active", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #14C29C)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_to_myself--hover", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #0AC097)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_to_myself", + "value": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "octaviusColorIconTravel": { + "active": { + "name": "--vkui--octavius_color_icon_travel--active", + "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_travel--hover", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_travel", + "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "octaviusColorIconTravelAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_travel_alpha--active", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(255, 255, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_icon_travel_alpha--hover", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_travel_alpha", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "octaviusColorIconUnread": { + "active": { + "name": "--vkui--octavius_color_icon_unread--active", + "value": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_unread--hover", + "value": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_unread", + "value": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "octaviusColorLayoutBorderAlpha": { + "active": { + "name": "--vkui--octavius_color_layout_border_alpha--active", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_layout_border_alpha--hover", + "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_border_alpha", + "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "octaviusColorLayoutLetterBorderAlpha": { + "active": { + "name": "--vkui--octavius_color_layout_letter_border_alpha--active", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 0, 0, 0.48))", }, - "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_letter_border_alpha", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "octaviusColorLetterAttachListBackground": { + "name": "--vkui--octavius_color_letter_attach_list_background", + "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%))", + }, + "octaviusColorLetterContactBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_letter_contact_background_alpha--active", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(255, 255, 255, 0.16))", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(255, 255, 255, 0.08))", + }, + "normal": { + "name": "--vkui--octavius_color_letter_contact_background_alpha", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "octaviusColorLetterListTextUnread": { + "active": { + "name": "--vkui--octavius_color_letter_list_text_unread--active", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_letter_list_text_unread--hover", + "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_list_text_unread", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": { + "name": "--vkui--octavius_color_letter_preview_background_primary--active", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_letter_preview_background_primary--hover", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #1D1D1D)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_primary", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": { + "name": "--vkui--octavius_color_letter_preview_background_secondary--active", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #191919)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_secondary", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", }, }, - "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", + "octaviusColorListBackgroundPositiveAlpha": { + "active": { + "name": "--vkui--octavius_color_list_background_positive_alpha--active", + "value": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_list_background_positive_alpha--hover", + "value": "var(--vkui--octavius_color_list_background_positive_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_list_background_positive_alpha", + "value": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, }, - "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + "hover": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + }, + "normal": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", }, }, - "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", + "octaviusColorListIconPrimary": { + "active": { + "name": "--vkui--octavius_color_list_icon_primary--active", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_list_icon_primary--hover", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + }, + "normal": { + "name": "--vkui--octavius_color_list_icon_primary", + "value": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, }, - "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "octaviusColorListLetterAdvBackground": { + "active": { + "name": "--vkui--octavius_color_list_letter_adv_background--active", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_list_letter_adv_background--hover", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_adv_background", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", }, }, - "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", + "octaviusColorListLetterBackground": { + "active": { + "name": "--vkui--octavius_color_list_letter_background--active", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", }, - "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_list_letter_background--hover", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_background", + "value": "var(--vkui--octavius_color_list_letter_background, #232324)", }, }, - "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", + "octaviusColorListLetterSeparatorAlpha": { + "active": { + "name": "--vkui--octavius_color_list_letter_separator_alpha--active", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.48))", }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_separator_alpha", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "octaviusColorListTextPrimary": { + "active": { + "name": "--vkui--octavius_color_list_text_primary--active", + "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", + "hover": { + "name": "--vkui--octavius_color_list_text_primary--hover", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + }, + "normal": { + "name": "--vkui--octavius_color_list_text_primary", + "value": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", }, }, - "sizeFieldHorizontalMargin": { - "auto": { - "name": "--vkui--size_field_horizontal_margin", - "value": "var(--vkui--size_field_horizontal_margin)", + "octaviusColorListTextUnread": { + "active": { + "name": "--vkui--octavius_color_list_text_unread--active", + "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_list_text_unread--hover", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + }, + "normal": { + "name": "--vkui--octavius_color_list_text_unread", + "value": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "octaviusColorNotificationBorder": { + "active": { + "name": "--vkui--octavius_color_notification_border--active", + "value": "var(--vkui--octavius_color_notification_border--active, #141414)", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_notification_border--hover", + "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--octavius_color_notification_border", + "value": "var(--vkui--octavius_color_notification_border, #000000)", }, }, - "sizeFieldSetMargin": { - "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", + "octaviusColorOverlayBackground": { + "active": { + "name": "--vkui--octavius_color_overlay_background--active", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", }, - "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_overlay_background--hover", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_overlay_background", + "value": "var(--vkui--octavius_color_overlay_background, transparent)", }, }, - "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "octaviusColorPlaceholderBackground": { + "active": { + "name": "--vkui--octavius_color_placeholder_background--active", + "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_placeholder_background--hover", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--octavius_color_placeholder_background", + "value": "var(--vkui--octavius_color_placeholder_background, #000000)", }, }, - "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", + "octaviusColorPortalMenuBackground": { + "active": { + "name": "--vkui--octavius_color_portal_menu_background--active", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", }, - "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", + "hover": { + "name": "--vkui--octavius_color_portal_menu_background--hover", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--octavius_color_portal_menu_background", + "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", }, }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", - }, - "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", }, - "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgba(255, 255, 255, 0.34))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", }, }, - "sizeIconMargin": { - "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", + "octaviusColorPromoBackground": { + "active": { + "name": "--vkui--octavius_color_promo_background--active", + "value": "var(--vkui--octavius_color_promo_background--active, #414141)", }, - "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_promo_background--hover", + "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", + }, + "normal": { + "name": "--vkui--octavius_color_promo_background", + "value": "var(--vkui--octavius_color_promo_background, #303030)", }, }, - "sizeIconMorePadding": { - "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", + "octaviusColorSidebarButtonBackground": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_background--active", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_background--hover", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_background", + "value": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "octaviusColorSidebarButtonIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_icon--active", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 18px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_icon", + "value": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", }, }, - "sizeIllustrationL": { - "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", + "octaviusColorSidebarButtonText": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_text--active", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_text--hover", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_text", + "value": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", }, }, - "sizeIllustrationM": { - "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", + "octaviusColorSidebarComposeButtonBackground": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_background--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_background", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", }, }, - "sizeIllustrationS": { - "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", + "octaviusColorSidebarComposeButtonIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", }, }, - "sizeIllustrationXM": { - "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", + "octaviusColorSidebarComposeButtonText": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_text--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_text", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", }, }, - "sizeIllustrationXXL": { - "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.08))", }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "octaviusColorSidebarCounterText": { + "active": { + "name": "--vkui--octavius_color_sidebar_counter_text--active", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_counter_text--hover", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_counter_text", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", }, }, - "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "octaviusColorSidebarIconEvent": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_event--active", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", }, - "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_event--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_event", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", }, }, - "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "octaviusColorSidebarIconFavorite": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_favorite--active", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", }, - "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_favorite", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", }, }, - "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "octaviusColorSidebarIconFees": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_fees--active", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", }, - "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_fees--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_fees", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", }, }, - "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", + "octaviusColorSidebarIconFinance": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_finance--active", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", }, - "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_finance--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_finance", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "octaviusColorSidebarIconOrder": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_order--active", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_order--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_order", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", }, }, - "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "octaviusColorSidebarIconRegistration": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_registration--active", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_registration--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_registration", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "octaviusColorSidebarIconTravel": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_travel--active", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_travel--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_travel", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "octaviusColorSidebarIconUnread": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_unread--active", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_unread--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #1681FF)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_unread", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "octaviusColorSidebarItemBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", }, }, - "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(255, 255, 255, 0.24))", }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(255, 255, 255, 0.08))", }, }, - "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "octaviusColorSidebarItemIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", }, }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "octaviusColorSidebarItemIconActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", }, }, - "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", + "octaviusColorSidebarItemIconPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", }, }, - "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", + "octaviusColorSidebarItemIconSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", }, }, - "sizePromoButtonClose": { + "octaviusColorSidebarItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text", + "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + }, + }, + "octaviusColorSidebarItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", + }, + }, + "octaviusColorSidebarItemTextPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_primary", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + }, + }, + "octaviusColorSidebarItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + }, + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "octaviusColorSidebarShortItemIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #E7E8EA)", + }, + }, + "octaviusColorSidebarShortItemIconActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #FFFFFF)", + }, + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #9C9DA2)", + }, + }, + "octaviusColorSidebarShortItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #E7E8EA)", + }, + }, + "octaviusColorSidebarShortItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #FFFFFF)", + }, + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #95979D)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", + }, + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_widget_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_widget_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_widget_background_alpha--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_widget_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_widget_background_alpha, rgba(255, 255, 255, 0.16))", + }, + }, + "octaviusColorSnackbarBackground": { + "active": { + "name": "--vkui--octavius_color_snackbar_background--active", + "value": "var(--vkui--octavius_color_snackbar_background--active, #414141)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_background--hover", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_background", + "value": "var(--vkui--octavius_color_snackbar_background, #303030)", + }, + }, + "octaviusColorSnackbarIconAccent": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_accent--active", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_accent--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_icon_accent", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", + }, + }, + "octaviusColorSnackbarIconNegative": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_negative--active", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_negative--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_icon_negative", + "value": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", + }, + }, + "octaviusColorSnackbarIconPositive": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_positive--active", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_positive--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_icon_positive", + "value": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", + }, + }, + "octaviusColorSnackbarIconSecondary": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_secondary--active", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_icon_secondary", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", + }, + }, + "octaviusColorSnackbarIconWarning": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_warning--active", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #FFA614)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_warning--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_icon_warning", + "value": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", + }, + }, + "octaviusColorSnackbarTextAccent": { + "active": { + "name": "--vkui--octavius_color_snackbar_text_accent--active", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_accent--hover", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_text_accent", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", + }, + }, + "octaviusColorSnackbarTextContrast": { + "active": { + "name": "--vkui--octavius_color_snackbar_text_contrast--active", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_contrast--hover", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_text_contrast", + "value": "var(--vkui--octavius_color_snackbar_text_contrast, #FFFFFF)", + }, + }, + "octaviusColorSnackbarTransparent": { + "active": { + "name": "--vkui--octavius_color_snackbar_transparent--active", + "value": "var(--vkui--octavius_color_snackbar_transparent--active, rgba(255, 255, 255, 0.04))", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_transparent--hover", + "value": "var(--vkui--octavius_color_snackbar_transparent--hover, rgba(255, 255, 255, 0.08))", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_transparent", + "value": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", + }, + }, + "octaviusColorThreadFooterBackground": { + "active": { + "name": "--vkui--octavius_color_thread_footer_background--active", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #414141)", + }, + "hover": { + "name": "--vkui--octavius_color_thread_footer_background--hover", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #383838)", + }, + "normal": { + "name": "--vkui--octavius_color_thread_footer_background", + "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", + }, + }, + "octaviusElevationCard": { + "name": "--vkui--octavius_elevation_card", + "value": "var(--vkui--octavius_elevation_card, none)", + }, + "octaviusElevationHeader": { + "name": "--vkui--octavius_elevation_header", + "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + }, + "octaviusFilterSidebarItemIcon": { + "name": "--vkui--octavius_filter_sidebar_item_icon", + "value": "var(--vkui--octavius_filter_sidebar_item_icon, none)", + }, + "octaviusFontFamilyDefault": { + "name": "--vkui--octavius_font_family_default", + "value": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", + }, + "octaviusFontFamilyDisplay": { + "name": "--vkui--octavius_font_family_display", + "value": "var(--vkui--octavius_font_family_display, inherit)", + }, + "octaviusFontFamilyGlobal": { + "name": "--vkui--octavius_font_family_global", + "value": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", + }, + "octaviusFontFamilyMac": { + "name": "--vkui--octavius_font_family_mac", + "value": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", + }, + "octaviusFontFamilyMailSans": { + "name": "--vkui--octavius_font_family_mail_sans", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + }, + "octaviusImageBackground": { + "name": "--vkui--octavius_image_background", + "value": "var(--vkui--octavius_image_background, none)", + }, + "octaviusImageOverlayBackground": { + "name": "--vkui--octavius_image_overlay_background", + "value": "var(--vkui--octavius_image_overlay_background, none)", + }, + "octaviusPositionBackground": { + "name": "--vkui--octavius_position_background", + "value": "var(--vkui--octavius_position_background, 50% 0)", + }, + "octaviusShadowEmptyStateText": { + "name": "--vkui--octavius_shadow_empty_state_text", + "value": "var(--vkui--octavius_shadow_empty_state_text, none)", + }, + "octaviusShadowSidebarItemIcon": { + "name": "--vkui--octavius_shadow_sidebar_item_icon", + "value": "var(--vkui--octavius_shadow_sidebar_item_icon, none)", + }, + "octaviusShadowSidebarItemText": { + "name": "--vkui--octavius_shadow_sidebar_item_text", + "value": "var(--vkui--octavius_shadow_sidebar_item_text, none)", + }, + "octaviusSizeHeadlineHeight": { "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "name": "--vkui--octavius_size_headline_height", + "value": "var(--vkui--octavius_size_headline_height)", }, "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "name": "--vkui--octavius_size_headline_height--regular", + "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", }, }, - "sizeSearchHeight": { + "octaviusSizeLayoutWidthMax": { "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "name": "--vkui--octavius_size_layout_width_max", + "value": "var(--vkui--octavius_size_layout_width_max)", }, "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "name": "--vkui--octavius_size_layout_width_max--regular", + "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", }, }, - "sizeSelectIconPadding": { + "octaviusSizeLayoutWidthMin": { "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "name": "--vkui--octavius_size_layout_width_min", + "value": "var(--vkui--octavius_size_layout_width_min)", }, "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + "name": "--vkui--octavius_size_layout_width_min--regular", + "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", }, }, - "sizeSliceBottomPadding": { + "octaviusSizeSidebarPaddingTop": { "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", + "name": "--vkui--octavius_size_sidebar_padding_top", + "value": "var(--vkui--octavius_size_sidebar_padding_top)", }, "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "name": "--vkui--octavius_size_sidebar_padding_top--regular", + "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", }, }, - "sizeSliceTopPadding": { + "octaviusSizeSidebarWidgetsHeightCompactMin": { "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", }, "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", }, }, - "sizeSplitColPaddingHorizontal": { + "octaviusSizeSidebarWidgetsHeightMin": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, }, - "sizeSubnavigationBarGap": { + "octaviusTextDecorationEmptyStateTextLink": { + "active": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, none)", + }, + "hover": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, none)", + }, + "normal": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", + }, + }, + "octaviusTextShadowEmptyStateText": { + "name": "--vkui--octavius_text_shadow_empty_state_text", + "value": "var(--vkui--octavius_text_shadow_empty_state_text, none)", + }, + "octaviusTextShadowSidebarItemText": { + "name": "--vkui--octavius_text_shadow_sidebar_item_text", + "value": "var(--vkui--octavius_text_shadow_sidebar_item_text, none)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "sizeArrowHeight": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "sizeSwitchHeight": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "sizeSwitchPin": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeSwitchWidth": { + "sizeArrowWidth": { "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeTabMargin": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "sizeTabPadding": { + "sizeAvatarL": { "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "sizeTableHorizontalPadding": { + "sizeAvatarM": { "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "sizeTableVerticalPadding": { + "sizeAvatarS": { "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "sizeTagMargin": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "sizeTagPadding": { + "sizeAvatarXS": { "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "sizeTipMargin": { + "sizeBadgeL": { "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "sizeTooltipMargin": { + "sizeBadgeM": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "sizeVerticalPadding": { + "sizeBadgeS": { "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "sizeWysiwygIcon": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "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)", + }, }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, otvet)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, otvet)", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "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)", + }, }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", - }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, }, -} -`; - -exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` -{ - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "regular", - "breakpoint": 0, + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, }, - "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, }, - "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, }, - "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, }, - "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, }, - "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, }, - "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#F05C44", + "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, 16px)", + }, }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "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, 12px)", + }, }, - "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "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)", + }, }, - "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, - "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, }, - "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, }, - "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, }, - "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, }, - "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, }, - "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, }, - "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, }, - "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, }, - "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", + }, + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", + }, }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, }, - "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "sizeHeaderIcon": { + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", + }, }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", + }, }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeIconMorePadding": { + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, }, - "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", + }, + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", + }, }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, }, - "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", + }, }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", + }, + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, }, - "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, }, - "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, }, - "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", + }, }, - "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", + }, }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", + }, }, - "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, }, - "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, }, - "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, }, - "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", + }, }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, }, - "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, }, - "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", + }, }, - "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", + }, }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, }, - "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, }, - "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "sizeSliceTopPadding": { + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, }, - "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, }, - "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, }, - "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, }, - "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, }, - "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, }, - "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, }, - "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeTabMargin": { + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", + }, + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", + }, }, - "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeTabPadding": { + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", + }, }, - "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "sizeTableHorizontalPadding": { + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeTableVerticalPadding": { + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "sizeTagMargin": { + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", + }, + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", + }, }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeTagPadding": { + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", + }, }, - "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "sizeTipMargin": { + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", + }, + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", + }, }, - "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, }, - "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "sizeVerticalPadding": { + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, }, - "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeWysiwygIcon": { + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, }, - "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, octaviusWhiteDark)", }, - "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, octavius)", }, - "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, - "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, - "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", }, - "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", }, - "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", }, - "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", }, - "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", }, - "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", +} +`; + +exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "colorAccentBlue": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, - "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "colorAccentCyan": { + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, - "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, - "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "colorAccentLime": { + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, - "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", }, - "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, - "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "colorAccentPink": { + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, - "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "colorAccentPurple": { + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, - "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, - "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "colorAccentRed": { + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, - "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "colorActionSheetText": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, - "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "colorAlert": { + "active": "#C6442D", + "hover": "#C33C24", + "normal": "#c1341b", }, - "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, - "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", - "fontCaption1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", - }, + "colorBackgroundAccent": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", - }, + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "fontCaption2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", - }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", - }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "fontCaption3": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", - }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", - }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "23px", - "fontWeight": 500, - "lineHeight": "28px", - }, + "colorBackgroundAccentTintThemed": { + "active": "#F1F5FF", + "hover": "#F1F4FF", + "normal": "#f0f4ff", }, - "fontDisplayTitle2": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "21px", - "fontWeight": 500, - "lineHeight": "26px", - }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", - }, + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", - }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", - "fontFootnote": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", - }, + "colorBackgroundContrastInverse": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "44px", - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": "20px", - }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": "16px", - }, + "colorBackgroundInfoTint": { + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, - "fontH2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": "12px", - }, + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", - }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", - }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, - "fontHeadline2": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", - }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, - "fontParagraph": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, - "fontSubhead": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", - }, + "colorBackgroundNegativeTintThemed": { + "active": "#FAEDED", + "hover": "#FAECEC", + "normal": "#faebeb", }, - "fontText": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, - "fontTitle1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": "12px", - }, + "colorBackgroundPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "fontTitle2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": "12px", - }, + "colorBackgroundPositiveTint": { + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", }, - "fontTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", - }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "sizeArrow": { - "regular": "8px", + "colorBackgroundPositiveTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, - "sizeArrowHeight": { - "regular": "8px", + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "sizeArrowPadding": { - "regular": "12px", + "colorBackgroundSecondary": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, - "sizeArrowPromo": { - "regular": "40px", + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "sizeArrowWidth": { - "regular": "12px", + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, - "sizeAttributeMargin": { - "regular": "4px", + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, - "sizeAvatarL": { - "regular": "96px", + "colorBackgroundTertiary": { + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, - "sizeAvatarM": { - "regular": "48px", + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, - "sizeAvatarS": { - "regular": "32px", + "colorBackgroundThumbnail": { + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, - "sizeAvatarXL": { - "regular": "128px", + "colorBackgroundThumbnailAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "sizeAvatarXS": { - "regular": "24px", + "colorBackgroundWarning": { + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, - "sizeBadgeL": { - "regular": "44px", + "colorBackgroundWarningTint": { + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", }, - "sizeBadgeM": { - "regular": "24px", + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, - "sizeBadgeS": { - "regular": "16px", + "colorBackgroundWarningTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, - "sizeBadgeXL": { - "regular": "56px", + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "sizeBadgeXS": { - "regular": "12px", + "colorButtonContrast": { + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "sizeBasePadding": { - "regular": "16px", + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeBasePaddingHorizontal": { - "regular": "16px", + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeBasePaddingVertical": { - "regular": "12px", + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeBorder1x": { - "regular": "1px", + "colorFieldBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "sizeBorder2x": { - "regular": "0.5px", + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, - "sizeBorder3x": { - "regular": "0.33px", + "colorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "sizeBorderRadius": { - "regular": "8px", + "colorIconAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, - "sizeBorderRadiusPaper": { - "regular": "4px", + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeBorderRadiusPromo": { - "regular": "20px", + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeBorderRadiusRounded": { - "regular": "48px", + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", }, - "sizeBorderWidthAccent": { - "regular": "8px", + "colorIconContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, - "sizeBorderWidthBar": { - "regular": "4px", + "colorIconMediumAlpha": { + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, - "sizeBorderWidthTab": { - "regular": "2px", + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, - "sizeBulletMargin": { - "regular": "12px", + "colorIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "colorIconPrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "colorIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "colorIconSecondaryAlpha": { + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "colorIconTertiary": { + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "colorIconTertiaryAlpha": { + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, - "sizeButtonGroupGapMedium": { - "regular": "12px", + "colorIconWarning": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "sizeButtonGroupGapSmall": { - "regular": "8px", + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "sizeButtonGroupGapSpace": { - "regular": "1px", + "colorImagePlaceholder": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, - "sizeButtonIconPadding": { - "regular": "16px", + "colorImagePlaceholderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "sizeButtonLargeHeight": { - "regular": "44px", + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonMediumHeight": { - "regular": "36px", + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, - "sizeButtonMinimumWidth": { - "regular": "80px", + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, - "sizeButtonMorePadding": { - "regular": "8px", + "colorPaletteBlue1": { + "active": "#3A5FFF", + "hover": "#3258FF", + "normal": "#2951ff", }, - "sizeButtonPaddingHorizontal": { - "regular": "20px", + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "sizeButtonSliderHeight": { - "regular": "24px", + "colorPaletteBlue2": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", }, - "sizeButtonSliderWidth": { - "regular": "12px", + "colorPaletteBlue3": { + "active": "#37E2E2", + "hover": "#2FE0E0", + "normal": "#26dfdf", }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", + "colorPaletteGreen1": { + "active": "#B4E326", + "hover": "#B1E21C", + "normal": "#aee113", }, - "sizeButtonSmallHeight": { - "regular": "30px", + "colorPaletteGreen1Alpha": { + "active": "rgba(92, 186, 56, 0.2)", + "hover": "rgba(92, 186, 56, 0.16)", + "normal": "rgba(92, 186, 56, 0.12)", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "colorPaletteGreen2": { + "active": "#66C862", + "hover": "#60C55B", + "normal": "#59c354", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "colorPaletteGreen2Alpha": { + "active": "rgba(0, 230, 180, 0.16)", + "hover": "rgba(0, 230, 180, 0.12)", + "normal": "rgba(0, 230, 180, 0.08)", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "colorPaletteGreen3": { + "active": "#47ED9D", + "hover": "#3FEC98", + "normal": "#37eb94", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "colorPaletteGreen4": { + "active": "#14B7B9", + "hover": "#0AB4B6", + "normal": "#00b1b3", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "colorPaletteOrange1": { + "active": "#FF943F", + "hover": "#FF9036", + "normal": "#ff8b2e", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "colorPaletteOrange1Alpha": { + "active": "rgba(255, 158, 0, 0.2)", + "hover": "rgba(255, 158, 0, 0.16)", + "normal": "rgba(255, 158, 0, 0.12)", }, - "sizeCardBorderRadius": { - "regular": "16px", + "colorPaletteRed1": { + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#fc2c38", }, - "sizeCardgridPadding": { - "regular": "12px", + "colorPaletteRed2": { + "active": "#ED2B8B", + "hover": "#EC2286", + "normal": "#eb1981", }, - "sizeCardgridPaddingVertical": { - "regular": "8px", + "colorPaletteRed3": { + "active": "#FF7CC0", + "hover": "#FF77BE", + "normal": "#ff71bb", }, - "sizeCheckBorderRadius": { - "regular": "4px", + "colorPaletteViolet1": { + "active": "#7814FF", + "hover": "#720AFF", + "normal": "#6c00ff", }, - "sizeCheckbox": { - "regular": "16px", + "colorPaletteViolet2": { + "active": "#B47EFF", + "hover": "#B179FF", + "normal": "#ae73ff", }, - "sizeChoiceMargin": { - "regular": "8px", + "colorPaletteYellow1": { + "active": "#FFC824", + "hover": "#FFC51B", + "normal": "#ffc311", }, - "sizeControlButtonWidthMin": { - "regular": "130px", + "colorPanelHeaderIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, - "sizeDivPadding": { - "regular": "4px", + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, - "sizeDotBullet": { - "regular": "4px", + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, - "sizeDotClickable": { - "regular": "12px", + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, - "sizeDotIndicate": { - "regular": "8px", + "colorSeparatorPrimary": { + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, - "sizeFieldHeight": { - "regular": "40px", + "colorSeparatorPrimary2x": { + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, - "sizeFieldHorizontalMargin": { - "regular": "20px", + "colorSeparatorPrimary3x": { + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, - "sizeFieldSetMargin": { - "regular": "32px", + "colorSeparatorSecondary": { + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, - "sizeFieldVerticalMargin": { - "regular": "24px", + "colorSkeletonFrom": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, - "sizeFieldWidthMin": { - "regular": "328px", + "colorSkeletonTo": { + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, - "sizeFormItemPaddingVertical": { - "regular": "12px", + "colorSocialBehance": { + "active": "#2A75FF", + "hover": "#206FFF", + "normal": "#1769ff", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", + "colorSocialDribbble": { + "active": "#EC5A92", + "hover": "#EB538E", + "normal": "#ea4c89", }, - "sizeIconMargin": { - "regular": "12px", + "colorSocialFb": { + "active": "#2A82F3", + "hover": "#217CF3", + "normal": "#1877f2", }, - "sizeIconMorePadding": { - "regular": "12px", + "colorSocialMir": { + "active": "#2488DD", + "hover": "#1B83DB", + "normal": "#117eda", }, - "sizeIconUI": { - "regular": "18px", + "colorSocialOk": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#ee8208", }, - "sizeIllustrationL": { - "regular": "144px", + "colorSocialTwitter": { + "active": "#2FA9F3", + "hover": "#26A5F3", + "normal": "#1da1f2", }, - "sizeIllustrationM": { - "regular": "96px", + "colorSocialVk": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3F8AE0", }, - "sizeIllustrationS": { - "regular": "48px", + "colorStrokeAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, - "sizeIllustrationXM": { - "regular": "72px", + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeIllustrationXXL": { - "regular": "228px", + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeLabelHorizontalMargin": { - "regular": "16px", + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, - "sizeLabelVerticalMargin": { - "regular": "4px", + "colorStrokePositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "sizeLabelWidth": { - "regular": "184px", + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, - "sizeMenuMargin": { - "regular": "2px", + "colorTagBackgroundMint": { + "active": "#B9F1E0", + "hover": "#B6F1DE", + "normal": "#B3F0DD", }, - "sizeMenuPadding": { - "regular": "8px", + "colorTagBackgroundOrange": { + "active": "#FFD6AF", + "hover": "#FFD4AB", + "normal": "#FFD2A8", }, - "sizeOptionHierarchy": { - "regular": "32px", + "colorTagBackgroundPink": { + "active": "#FFB8DD", + "hover": "#FFB5DB", + "normal": "#FFB2DA", }, - "sizePanelHeaderHeight": { - "regular": "56px", + "colorTagBackgroundPurple": { + "active": "#D2B9F1", + "hover": "#D0B6F1", + "normal": "#CEB3F0", }, - "sizePopupBasePadding": { - "regular": "20px", + "colorTagBackgroundSky": { + "active": "#ABE1FF", + "hover": "#A8DFFF", + "normal": "#A4DEFF", }, - "sizePopupHeaderPadding": { - "regular": "16px", + "colorTagTextMint": { + "active": "#326868", + "hover": "#296262", + "normal": "#205B5B", }, - "sizePopupLarge": { - "regular": "880px", + "colorTagTextOrange": { + "active": "#684632", + "hover": "#623E29", + "normal": "#5B3620", }, - "sizePopupMargin": { - "regular": "8px", + "colorTagTextPink": { + "active": "#5F3268", + "hover": "#582962", + "normal": "#51205B", }, - "sizePopupMedium": { - "regular": "680px", + "colorTagTextPurple": { + "active": "#483268", + "hover": "#402962", + "normal": "#38205B", }, - "sizePopupSmall": { - "regular": "430px", + "colorTagTextSky": { + "active": "#324E68", + "hover": "#294762", + "normal": "#203F5B", }, - "sizeProgress": { - "regular": "4px", + "colorTextAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, - "sizeProgressScroll": { - "regular": "12px", + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizePromoButtonClose": { - "regular": "32px", + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeSearchHeight": { - "regular": "36px", + "colorTextContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "sizeSelectIconPadding": { - "regular": "7px", + "colorTextLink": { + "active": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", }, - "sizeSliceBottomPadding": { - "regular": "60px", + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeSliceTopPadding": { - "regular": "40px", + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, - "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "colorTextLinkVisited": { + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, - "sizeSubnavigationBarGap": { - "regular": "8px", + "colorTextMuted": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, - "sizeSwitchHeight": { - "regular": "14px", + "colorTextPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "sizeSwitchPin": { - "regular": "20px", + "colorTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "sizeSwitchWidth": { - "regular": "34px", + "colorTextPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "sizeTabMargin": { - "regular": "8px", + "colorTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, - "sizeTabPadding": { - "regular": "16px", + "colorTextSubhead": { + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, - "sizeTableHorizontalPadding": { - "regular": "16px", + "colorTextTertiary": { + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, - "sizeTableVerticalPadding": { - "regular": "16px", + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, - "sizeTagMargin": { - "regular": "8px", + "colorTooltipBackgroundBlueTint": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "sizeTagPadding": { - "regular": "8px", + "colorTooltipBackgroundGreenTint": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, - "sizeTipMargin": { - "regular": "4px", + "colorTooltipBackgroundOrangeTint": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, - "sizeTooltipMargin": { - "regular": "8px", + "colorTooltipBackgroundPurpleTint": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, - "sizeVerticalPadding": { - "regular": "0px", + "colorTooltipTextBlueThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeWysiwygIcon": { - "regular": "14px", + "colorTooltipTextGreenThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeName": "otvet", - "themeNameBase": "otvet", - "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "x0": "0px", - "x025": "1px", - "x05": "2px", - "x1": "4px", - "x10": "40px", - "x12": "48px", - "x15": "60px", - "x2": "8px", - "x20": "80px", - "x3": "12px", - "x4": "16px", - "x5": "20px", - "x6": "24px", - "x8": "32px", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` -{ - "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", - "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", - "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", - "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - "breakpoints": { - "desktopS": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "colorTooltipTextOrangeThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "colorTooltipTextPurpleThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "colorTrackBackground": { + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "colorTrackBuffer": { + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "colorWriteBarIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, - "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A9E971)", - "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "colorWriteBarInputBackground": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", - "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", + }, }, - "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #EB367F)", - "hover": "var(--vkui--color_accent_pink--hover, #F53782)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, }, - "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", + }, }, - "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "lineHeight": "22px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", + }, }, - "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", + }, }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", + }, }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, }, - "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "fontH0": { + "compact": { + "fontSize": "44px", + "lineHeight": "52px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", + }, }, - "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "fontH1": { + "compact": { + "fontSize": "32px", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "fontH2": { + "compact": { + "fontSize": "28px", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, }, - "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "fontTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "fontTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, }, - "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "fontTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", + }, }, - "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "octaviusColorActionArchive": { + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "octaviusColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_modal_inverse, #303030)", + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "octaviusColorBackgroundAccentTonedAlpha": { + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, - "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, - "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, - "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "octaviusColorButtonEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + "octaviusColorButtonIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + "octaviusColorButtonText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "octaviusColorDatasetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "octaviusColorEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "octaviusColorEmptyStateTextLink": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "octaviusColorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "transparent", }, - "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint, #fffce0)", + "octaviusColorHeaderButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, - "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "octaviusColorHeaderIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "octaviusColorHeaderIconAttach": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", - "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + "octaviusColorHeaderIconFavorite": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "octaviusColorHeaderIconUnread": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "octaviusColorHeaderProgress": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "octaviusColorHeaderSearchBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #ffffff)", + "octaviusColorHeaderSearchChipBackground": { + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, - "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "octaviusColorHeaderSearchIcon": { + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", }, - "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "octaviusColorHeaderSearchText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, - "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, - "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "octaviusColorHeaderTextSecondary": { + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, - "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "octaviusColorIconEvent": { + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "octaviusColorIconEventAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "octaviusColorIconFavorite": { + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "octaviusColorIconFees": { + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, - "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "octaviusColorIconFinance": { + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "octaviusColorIconGames": { + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, - "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "octaviusColorIconMailings": { + "active": "#FC9328", + "hover": "#FC8F1E", + "normal": "#FC8A15", }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "octaviusColorIconNews": { + "active": "#1CB2DC", + "hover": "#12AEDB", + "normal": "#08ABD9", }, - "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "octaviusColorIconOfficial": { + "active": "#EE565E", + "hover": "#ED4E57", + "normal": "#EC4750", }, - "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EB9305)", - "hover": "var(--vkui--color_icon_warning--hover, #F59802)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "octaviusColorIconOrder": { + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, - "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "octaviusColorIconOrderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "octaviusColorIconReceipts": { + "active": "#7FC419", + "hover": "#7AC20F", + "normal": "#74BF05", }, - "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "octaviusColorIconRegistration": { + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "octaviusColorIconSchool": { + "active": "#B388EE", + "hover": "#AF83ED", + "normal": "#AC7EEC", }, - "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "octaviusColorIconSocial": { + "active": "#7D92FF", + "hover": "#788DFF", + "normal": "#7288FF", }, - "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "octaviusColorIconToMyself": { + "active": "#14C29C", + "hover": "#0AC097", + "normal": "#00BD93", }, - "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "octaviusColorIconTravel": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, - "colorRating": { - "active": "var(--vkui--color_rating--active, #EBC405)", - "hover": "var(--vkui--color_rating--hover, #F5CC02)", - "normal": "var(--vkui--color_rating, #ffd400)", + "octaviusColorIconTravelAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", - "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + "octaviusColorIconUnread": { + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", }, - "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #EBECEF)", - "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, - "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "octaviusColorLetterAttachListBackground": "linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "transparent", }, - "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "octaviusColorLetterListTextUnread": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "octaviusColorListIconPrimary": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "octaviusColorListLetterAdvBackground": { + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "octaviusColorListLetterBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "octaviusColorListTextPrimary": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "octaviusColorListTextUnread": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "octaviusColorNotificationBorder": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "octaviusColorOverlayBackground": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "octaviusColorPlaceholderBackground": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "octaviusColorPortalMenuBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, - "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, - "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + "octaviusColorPromoBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", - "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "octaviusColorSidebarButtonBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2C2D2E)", + "octaviusColorSidebarButtonIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "octaviusColorSidebarButtonText": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "octaviusColorSidebarComposeButtonBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", + "octaviusColorSidebarComposeButtonIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "octaviusColorSidebarComposeButtonText": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #797A80)", + "octaviusColorSidebarCounterText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + "octaviusColorSidebarIconEvent": { + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, - "colorThumbErrorBackgroundAlpha": { - "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "octaviusColorSidebarIconFavorite": { + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, - "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "octaviusColorSidebarIconFees": { + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, - "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "octaviusColorSidebarIconFinance": { + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, - "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "octaviusColorSidebarIconOrder": { + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, - "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "octaviusColorSidebarIconRegistration": { + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, - "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "octaviusColorSidebarIconTravel": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, - "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "octaviusColorSidebarIconUnread": { + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", }, - "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "transparent", }, - "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #DADCE0)", + "octaviusColorSidebarItemIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "octaviusColorSidebarItemIconActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--color_transparent, transparent)", + "octaviusColorSidebarItemIconPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "octaviusColorSidebarItemIconSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, - "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "octaviusColorSidebarItemText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "octaviusColorSidebarItemTextActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "octaviusColorSidebarItemTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", - "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", - "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", - "fontCaption1": { - "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "octaviusColorSidebarItemTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "fontCaption2": { - "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, + "octaviusColorSidebarShortItemIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "octaviusColorSidebarShortItemIconActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontCaption3": { - "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "octaviusColorSidebarShortItemText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontDisplayTitle2": { - "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", - }, + "octaviusColorSnackbarBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", - "fontFootnote": { - "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, + "octaviusColorSnackbarIconAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, + "octaviusColorSnackbarIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, - "fontH0": { - "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h0--font_size--regular, 44px)", - "fontWeight": "var(--vkui--font_h0--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_h0--line_height--regular, 52px)", - "marginBottom": "var(--vkui--font_h0--margin_bottom--regular, 20px)", - }, + "octaviusColorSnackbarIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "fontH1": { - "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 32px)", - "fontWeight": "var(--vkui--font_h1--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 40px)", - "marginBottom": "var(--vkui--font_h1--margin_bottom--regular, 16px)", - }, + "octaviusColorSnackbarIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, - "fontH2": { - "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_h2--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 32px)", - "marginBottom": "var(--vkui--font_h2--margin_bottom--regular, 12px)", - }, + "octaviusColorSnackbarIconWarning": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "fontHeadline": { - "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", - }, + "octaviusColorSnackbarTextAccent": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, - "fontHeadline1": { - "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", - }, + "octaviusColorSnackbarTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontHeadline2": { - "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", - }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", }, - "fontParagraph": { - "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", - }, + "octaviusColorThreadFooterBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "fontSubhead": { - "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "octaviusElevationCard": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusFilterSidebarItemIcon": "none", + "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "inherit", + "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", + "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusImageBackground": "none", + "octaviusImageOverlayBackground": "none", + "octaviusPositionBackground": "50% 0", + "octaviusShadowEmptyStateText": "none", + "octaviusShadowSidebarItemIcon": "none", + "octaviusShadowSidebarItemText": "none", + "octaviusSizeHeadlineHeight": { + "regular": "36px", }, - "fontText": { - "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", - }, + "octaviusSizeLayoutWidthMax": { + "regular": "2150px", }, - "fontTitle1": { - "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", - "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 12px)", - }, + "octaviusSizeLayoutWidthMin": { + "regular": "761px", }, - "fontTitle2": { - "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title2--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", - "marginBottom": "var(--vkui--font_title2--margin_bottom--regular, 12px)", - }, + "octaviusSizeSidebarPaddingTop": { + "regular": "12px", }, - "fontTitle3": { - "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", - }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "regular": "104px", }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", - "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", - "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", - "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", - "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "octaviusSizeSidebarWidgetsHeightMin": { + "regular": "64px", + }, + "octaviusTextDecorationEmptyStateTextLink": { + "active": "none", + "hover": "none", + "normal": "underline", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "regular": "8px", }, "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", + "regular": "8px", }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "regular": "12px", }, "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "regular": "40px", }, "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", + "regular": "12px", }, "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + "regular": "4px", }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "regular": "96px", }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "regular": "48px", }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "regular": "32px", }, "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "regular": "128px", }, "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "regular": "24px", }, "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "regular": "44px", }, "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "regular": "24px", }, "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "regular": "16px", }, "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "regular": "56px", }, "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "regular": "12px", }, - "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBase": "4px", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "regular": "12px", }, "sizeBasePadding": { - "regular": "var(--vkui--size_base_padding--regular, 16px)", + "compact": "20px", + "regular": "16px", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": "1px", }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": "0.5px", }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", + "regular": "12px", }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": "20px", }, "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "regular": "48px", }, "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + "regular": "4px", }, "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + "regular": "2px", }, "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "regular": "1px", }, "sizeButtonIconPadding": { - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "regular": "80px", }, "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + "regular": "24px", }, "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + "regular": "12px", }, "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "regular": "12px", }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": "4px", }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": "16px", }, "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", + "regular": "8px", }, "sizeControlButtonWidthMin": { - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", + "regular": "4px", }, "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + "regular": "4px", }, "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + "regular": "12px", }, "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + "regular": "8px", }, "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "regular": "20px", }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": "12px", }, "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "regular": "24px", }, "sizeFieldWidthMin": { - "regular": "var(--vkui--size_field_width_min--regular, 328px)", + "compact": "380px", + "regular": "328px", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "12px", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", + "regular": "20px", }, "sizeIconMargin": { - "regular": "var(--vkui--size_icon_margin--regular, 12px)", + "compact": "8px", + "regular": "12px", }, "sizeIconMorePadding": { - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + "compact": "8px", + "regular": "12px", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 18px)", + "regular": "16px", }, "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", + "regular": "144px", }, "sizeIllustrationM": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", + "regular": "96px", }, "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", + "regular": "48px", }, "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + "regular": "72px", }, "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "regular": "228px", }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": "16px", }, "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "regular": "4px", }, "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", + "regular": "184px", }, "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", + "regular": "2px", }, "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", + "regular": "8px", }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "regular": "32px", }, "sizePanelHeaderHeight": { - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "compact": "32px", + "regular": "20px", }, "sizePopupHeaderPadding": { - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": "880px", }, "sizePopupMargin": { - "regular": "var(--vkui--size_popup_margin--regular, 8px)", + "compact": "24px", + "regular": "8px", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": "680px", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "430px", }, "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", + "regular": "4px", }, "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + "regular": "12px", }, "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + "regular": "32px", }, "sizeSearchHeight": { - "regular": "var(--vkui--size_search_height--regular, 36px)", + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + "compact": "6px", + "regular": "7px", }, "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "regular": "60px", }, "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "regular": "8px", }, "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeSwitchHeight": { - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "32px", + "regular": "34px", }, "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "regular": "8px", }, "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "regular": "16px", }, "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "regular": "16px", }, "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "regular": "16px", }, "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "regular": "8px", }, "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "regular": "8px", }, "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "regular": "4px", }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "regular": "8px", }, "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "regular": "0px", }, "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "regular": "14px", }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, otvet)", - "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "octaviusWhiteDark", + "themeNameBase": "octavius", "themeType": "pixelify", - "toneValueActive": "var(--vkui--tone_value_active, 0.08)", - "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", - "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", - "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", - "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", - "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", - "typeBorderButton": "var(--vkui--type_border_button, solid)", - "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "x0": "var(--vkui--x0, 0px)", - "x025": "var(--vkui--x025, 1px)", - "x05": "var(--vkui--x05, 2px)", - "x1": "var(--vkui--x1, 4px)", - "x10": "var(--vkui--x10, 40px)", - "x12": "var(--vkui--x12, 48px)", - "x15": "var(--vkui--x15, 60px)", - "x2": "var(--vkui--x2, 8px)", - "x20": "var(--vkui--x20, 80px)", - "x3": "var(--vkui--x3, 12px)", - "x4": "var(--vkui--x4, 16px)", - "x5": "var(--vkui--x5, 20px)", - "x6": "var(--vkui--x6, 24px)", - "x8": "var(--vkui--x8, 32px)", - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots otvet theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVars 1`] = ` { - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_accent_blue--active, #3880FC)", + "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", + "normal": "var(--vkui--color_accent_blue, #2775FC)", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": "var(--vkui--color_accent_lime--active, #BEFC80)", + "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#F05C44", + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "var(--vkui--color_accent_pink--active, #FF498F)", + "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + }, + "colorAlert": { + "active": "var(--vkui--color_alert--active, #C6442D)", + "hover": "var(--vkui--color_alert--hover, #C33C24)", + "normal": "var(--vkui--color_alert, #c1341b)", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_background_accent--active, #3880FC)", + "hover": "var(--vkui--color_background_accent--hover, #307BFC)", + "normal": "var(--vkui--color_background_accent, #2775FC)", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "var(--vkui--color_background_accent_tint_themed--active, #F1F5FF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #F1F4FF)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "var(--vkui--color_background_info_tint--active, #2B3240)", + "hover": "var(--vkui--color_background_info_tint--hover, #222937)", + "normal": "var(--vkui--color_background_info_tint, #19202f)", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "var(--vkui--color_background_negative_tint_themed--active, #FAEDED)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #FAECEC)", + "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", + "normal": "var(--vkui--color_background_positive_tint, #182A22)", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + }, + "colorBackgroundThumbnail": { + "active": "var(--vkui--color_background_thumbnail--active, #313131)", + "hover": "var(--vkui--color_background_thumbnail--hover, #282828)", + "normal": "var(--vkui--color_background_thumbnail, #1F1F1F)", + }, + "colorBackgroundThumbnailAlpha": { + "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", }, "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "var(--vkui--color_background_warning_tint--active, #41372A)", + "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", + "normal": "var(--vkui--color_background_warning_tint, #302617)", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "hover": "var(--vkui--color_button_contrast--hover, #29292A)", + "normal": "var(--vkui--color_button_contrast, #252526)", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", + "normal": "var(--vkui--color_icon_accent, #3C82FD)", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_icon_warning--active, #FFA614)", + "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, + "colorPaletteBlue1": { + "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", + "normal": "var(--vkui--color_palette_blue1, #2951ff)", + }, + "colorPaletteBlue1Alpha": { + "active": "var(--vkui--color_palette_blue1_alpha--active, rgba(0, 95, 249, 0.2))", + "hover": "var(--vkui--color_palette_blue1_alpha--hover, rgba(0, 95, 249, 0.16))", + "normal": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", + }, + "colorPaletteBlue2": { + "active": "var(--vkui--color_palette_blue2--active, #14B2F3)", + "hover": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", + "normal": "var(--vkui--color_palette_blue2, #00abf2)", + }, + "colorPaletteBlue3": { + "active": "var(--vkui--color_palette_blue3--active, #37E2E2)", + "hover": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + "normal": "var(--vkui--color_palette_blue3, #26dfdf)", + }, + "colorPaletteGreen1": { + "active": "var(--vkui--color_palette_green1--active, #B4E326)", + "hover": "var(--vkui--color_palette_green1--hover, #B1E21C)", + "normal": "var(--vkui--color_palette_green1, #aee113)", + }, + "colorPaletteGreen1Alpha": { + "active": "var(--vkui--color_palette_green1_alpha--active, rgba(92, 186, 56, 0.2))", + "hover": "var(--vkui--color_palette_green1_alpha--hover, rgba(92, 186, 56, 0.16))", + "normal": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", + }, + "colorPaletteGreen2": { + "active": "var(--vkui--color_palette_green2--active, #66C862)", + "hover": "var(--vkui--color_palette_green2--hover, #60C55B)", + "normal": "var(--vkui--color_palette_green2, #59c354)", + }, + "colorPaletteGreen2Alpha": { + "active": "var(--vkui--color_palette_green2_alpha--active, rgba(0, 230, 180, 0.16))", + "hover": "var(--vkui--color_palette_green2_alpha--hover, rgba(0, 230, 180, 0.12))", + "normal": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", + }, + "colorPaletteGreen3": { + "active": "var(--vkui--color_palette_green3--active, #47ED9D)", + "hover": "var(--vkui--color_palette_green3--hover, #3FEC98)", + "normal": "var(--vkui--color_palette_green3, #37eb94)", + }, + "colorPaletteGreen4": { + "active": "var(--vkui--color_palette_green4--active, #14B7B9)", + "hover": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + "normal": "var(--vkui--color_palette_green4, #00b1b3)", + }, + "colorPaletteOrange1": { + "active": "var(--vkui--color_palette_orange1--active, #FF943F)", + "hover": "var(--vkui--color_palette_orange1--hover, #FF9036)", + "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", + }, + "colorPaletteOrange1Alpha": { + "active": "var(--vkui--color_palette_orange1_alpha--active, rgba(255, 158, 0, 0.2))", + "hover": "var(--vkui--color_palette_orange1_alpha--hover, rgba(255, 158, 0, 0.16))", + "normal": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", + }, + "colorPaletteRed1": { + "active": "var(--vkui--color_palette_red1--active, #FC3D48)", + "hover": "var(--vkui--color_palette_red1--hover, #FC3440)", + "normal": "var(--vkui--color_palette_red1, #fc2c38)", + }, + "colorPaletteRed2": { + "active": "var(--vkui--color_palette_red2--active, #ED2B8B)", + "hover": "var(--vkui--color_palette_red2--hover, #EC2286)", + "normal": "var(--vkui--color_palette_red2, #eb1981)", + }, + "colorPaletteRed3": { + "active": "var(--vkui--color_palette_red3--active, #FF7CC0)", + "hover": "var(--vkui--color_palette_red3--hover, #FF77BE)", + "normal": "var(--vkui--color_palette_red3, #ff71bb)", + }, + "colorPaletteViolet1": { + "active": "var(--vkui--color_palette_violet1--active, #7814FF)", + "hover": "var(--vkui--color_palette_violet1--hover, #720AFF)", + "normal": "var(--vkui--color_palette_violet1, #6c00ff)", + }, + "colorPaletteViolet2": { + "active": "var(--vkui--color_palette_violet2--active, #B47EFF)", + "hover": "var(--vkui--color_palette_violet2--hover, #B179FF)", + "normal": "var(--vkui--color_palette_violet2, #ae73ff)", + }, + "colorPaletteYellow1": { + "active": "var(--vkui--color_palette_yellow1--active, #FFC824)", + "hover": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "var(--vkui--color_rating--active, #FFD714)", + "hover": "var(--vkui--color_rating--hover, #FFD60A)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "var(--vkui--color_search_field_background--active, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "var(--vkui--color_separator_primary2x--active, #323234)", + "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "normal": "var(--vkui--color_separator_primary2x, #202022)", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", + "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + "colorSocialBehance": { + "active": "var(--vkui--color_social_behance--active, #2A75FF)", + "hover": "var(--vkui--color_social_behance--hover, #206FFF)", + "normal": "var(--vkui--color_social_behance, #1769ff)", + }, + "colorSocialDribbble": { + "active": "var(--vkui--color_social_dribbble--active, #EC5A92)", + "hover": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "normal": "var(--vkui--color_social_dribbble, #ea4c89)", + }, + "colorSocialFb": { + "active": "var(--vkui--color_social_fb--active, #2A82F3)", + "hover": "var(--vkui--color_social_fb--hover, #217CF3)", + "normal": "var(--vkui--color_social_fb, #1877f2)", + }, + "colorSocialMir": { + "active": "var(--vkui--color_social_mir--active, #2488DD)", + "hover": "var(--vkui--color_social_mir--hover, #1B83DB)", + "normal": "var(--vkui--color_social_mir, #117eda)", + }, + "colorSocialOk": { + "active": "var(--vkui--color_social_ok--active, #EF8C1C)", + "hover": "var(--vkui--color_social_ok--hover, #EF8712)", + "normal": "var(--vkui--color_social_ok, #ee8208)", + }, + "colorSocialTwitter": { + "active": "var(--vkui--color_social_twitter--active, #2FA9F3)", + "hover": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "normal": "var(--vkui--color_social_twitter, #1da1f2)", + }, + "colorSocialVk": { + "active": "var(--vkui--color_social_vk--active, #4E93E2)", + "hover": "var(--vkui--color_social_vk--hover, #478FE1)", + "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "normal": "var(--vkui--color_stroke_accent, #3C82FD)", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, + "colorTagBackgroundMint": { + "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", + "hover": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + "normal": "var(--vkui--color_tag_background_mint, #B3F0DD)", + }, + "colorTagBackgroundOrange": { + "active": "var(--vkui--color_tag_background_orange--active, #FFD6AF)", + "hover": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", + "normal": "var(--vkui--color_tag_background_orange, #FFD2A8)", + }, + "colorTagBackgroundPink": { + "active": "var(--vkui--color_tag_background_pink--active, #FFB8DD)", + "hover": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", + "normal": "var(--vkui--color_tag_background_pink, #FFB2DA)", + }, + "colorTagBackgroundPurple": { + "active": "var(--vkui--color_tag_background_purple--active, #D2B9F1)", + "hover": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", + "normal": "var(--vkui--color_tag_background_purple, #CEB3F0)", + }, + "colorTagBackgroundSky": { + "active": "var(--vkui--color_tag_background_sky--active, #ABE1FF)", + "hover": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", + "normal": "var(--vkui--color_tag_background_sky, #A4DEFF)", + }, + "colorTagTextMint": { + "active": "var(--vkui--color_tag_text_mint--active, #326868)", + "hover": "var(--vkui--color_tag_text_mint--hover, #296262)", + "normal": "var(--vkui--color_tag_text_mint, #205B5B)", + }, + "colorTagTextOrange": { + "active": "var(--vkui--color_tag_text_orange--active, #684632)", + "hover": "var(--vkui--color_tag_text_orange--hover, #623E29)", + "normal": "var(--vkui--color_tag_text_orange, #5B3620)", + }, + "colorTagTextPink": { + "active": "var(--vkui--color_tag_text_pink--active, #5F3268)", + "hover": "var(--vkui--color_tag_text_pink--hover, #582962)", + "normal": "var(--vkui--color_tag_text_pink, #51205B)", + }, + "colorTagTextPurple": { + "active": "var(--vkui--color_tag_text_purple--active, #483268)", + "hover": "var(--vkui--color_tag_text_purple--hover, #402962)", + "normal": "var(--vkui--color_tag_text_purple, #38205B)", + }, + "colorTagTextSky": { + "active": "var(--vkui--color_tag_text_sky--active, #324E68)", + "hover": "var(--vkui--color_tag_text_sky--hover, #294762)", + "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_text_accent--active, #4C8CFD)", + "hover": "var(--vkui--color_text_accent--hover, #4487FD)", + "normal": "var(--vkui--color_text_accent, #3C82FD)", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "var(--vkui--color_text_link--active, #65A3FF)", + "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", + "normal": "var(--vkui--color_text_link, #589BFF)", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "var(--vkui--color_text_link_visited--active, #6098E2)", + "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", }, "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", }, "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", }, "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", }, "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", }, "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", }, "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", }, "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, - "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation2": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + "elevation3": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "elevation4": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", "fontCaption1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": 14, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": 12, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontH0": { + "compact": { + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 44, - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": 20, + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": 16, + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": 12, + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": 12, + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": 12, + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "sizeArrow": { - "regular": 8, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "octaviusColorActionArchive": { + "active": "var(--vkui--octavius_color_action_archive--active, #21B273)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + "normal": "var(--vkui--octavius_color_action_archive, #0EAB67)", }, - "sizeArrowHeight": { - "regular": 8, + "octaviusColorBackground": { + "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_background, #19191A)", }, - "sizeArrowPadding": { - "regular": 12, + "octaviusColorBackgroundAccentTintAlpha": { + "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, - "sizeArrowPromo": { - "regular": 40, + "octaviusColorBackgroundAccentTonedAlpha": { + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 119, 255, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 119, 255, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, - "sizeArrowWidth": { - "regular": 12, + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.2))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", }, - "sizeAttributeMargin": { - "regular": 4, + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.2))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.16))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", }, - "sizeAvatarL": { - "regular": 96, + "octaviusColorButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, - "sizeAvatarM": { - "regular": 48, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.16))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, - "sizeAvatarS": { - "regular": 32, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(255, 255, 255, 0.12))", }, - "sizeAvatarXL": { - "regular": 128, + "octaviusColorButtonEmptyStateText": { + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", }, - "sizeAvatarXS": { - "regular": 24, + "octaviusColorButtonIcon": { + "active": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_button_icon, #E7E8EA)", }, - "sizeBadgeL": { - "regular": 44, + "octaviusColorButtonText": { + "active": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, - "sizeBadgeM": { - "regular": 24, + "octaviusColorContentScrollbarAlpha": { + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", }, - "sizeBadgeS": { - "regular": 16, + "octaviusColorDatasetBackground": { + "active": "var(--vkui--octavius_color_dataset_background--active, #353536)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + "normal": "var(--vkui--octavius_color_dataset_background, #232324)", }, - "sizeBadgeXL": { - "regular": 56, + "octaviusColorEmptyStateText": { + "active": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", }, - "sizeBadgeXS": { - "regular": 12, + "octaviusColorEmptyStateTextLink": { + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, + "octaviusColorHeaderBackground": { + "active": "var(--vkui--octavius_color_header_background--active, #353536)", + "hover": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--octavius_color_header_background, #232324)", }, - "sizeBasePadding": { - "regular": 16, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, - "sizeBasePaddingHorizontal": { - "regular": 16, + "octaviusColorHeaderButtonText": { + "active": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, - "sizeBasePaddingVertical": { - "regular": 12, + "octaviusColorHeaderFilterTextAlpha": { + "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, - "sizeBorder1x": { - "regular": 1, + "octaviusColorHeaderIcon": { + "active": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, - "sizeBorder2x": { - "regular": 0.5, + "octaviusColorHeaderIconAttach": { + "active": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_header_icon_attach--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", }, - "sizeBorder3x": { - "regular": 0.33, + "octaviusColorHeaderIconFavorite": { + "active": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_header_icon_favorite--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", }, - "sizeBorderRadius": { - "regular": 8, + "octaviusColorHeaderIconUnread": { + "active": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, - "sizeBorderRadiusPaper": { - "regular": 4, + "octaviusColorHeaderProgress": { + "active": "var(--vkui--octavius_color_header_progress--active, #FFA614)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", + "normal": "var(--vkui--octavius_color_header_progress, #FF9E00)", }, - "sizeBorderRadiusPromo": { - "regular": 20, + "octaviusColorHeaderSearchBackground": { + "active": "var(--vkui--octavius_color_header_search_background--active, #414141)", + "hover": "var(--vkui--octavius_color_header_search_background--hover, #383838)", + "normal": "var(--vkui--octavius_color_header_search_background, #303030)", }, - "sizeBorderRadiusRounded": { - "regular": 48, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", + "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", + "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", }, - "sizeBorderWidthAccent": { - "regular": 8, + "octaviusColorHeaderSearchChipBackground": { + "active": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", + "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #484848)", + "normal": "var(--vkui--octavius_color_header_search_chip_background, #404040)", }, - "sizeBorderWidthAccentSecondary": { - "regular": 8, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", }, - "sizeBorderWidthBar": { - "regular": 4, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", + "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(255, 255, 255, 0.52))", + "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, - "sizeBorderWidthTab": { - "regular": 2, + "octaviusColorHeaderSearchIcon": { + "active": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, - "sizeBulletMargin": { - "regular": 12, + "octaviusColorHeaderSearchText": { + "active": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "octaviusColorHeaderTextSecondary": { + "active": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "octaviusColorIconEvent": { + "active": "var(--vkui--octavius_color_icon_event--active, #4BC0FE)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #43BDFE)", + "normal": "var(--vkui--octavius_color_icon_event, #3BBAFE)", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "octaviusColorIconEventAlpha": { + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", }, - "sizeButtonGroupGapMedium": { - "regular": 12, + "octaviusColorIconFavorite": { + "active": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + "normal": "var(--vkui--octavius_color_icon_favorite, #FF4550)", }, - "sizeButtonGroupGapSmall": { - "regular": 8, + "octaviusColorIconFees": { + "active": "var(--vkui--octavius_color_icon_fees--active, #EF4C4C)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #EF4444)", + "normal": "var(--vkui--octavius_color_icon_fees, #EE3C3C)", }, - "sizeButtonGroupGapSpace": { - "regular": 1, + "octaviusColorIconFinance": { + "active": "var(--vkui--octavius_color_icon_finance--active, #36CB8A)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC985)", + "normal": "var(--vkui--octavius_color_icon_finance, #24C780)", }, - "sizeButtonIconPadding": { - "regular": 16, + "octaviusColorIconGames": { + "active": "var(--vkui--octavius_color_icon_games--active, #F9C018)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + "normal": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, - "sizeButtonLargeHeight": { - "regular": 44, + "octaviusColorIconMailings": { + "active": "var(--vkui--octavius_color_icon_mailings--active, #FC9328)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FC8F1E)", + "normal": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", }, - "sizeButtonMediumHeight": { - "regular": 36, + "octaviusColorIconNews": { + "active": "var(--vkui--octavius_color_icon_news--active, #1CB2DC)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #12AEDB)", + "normal": "var(--vkui--octavius_color_icon_news, #08ABD9)", }, - "sizeButtonMinimumWidth": { - "regular": 80, + "octaviusColorIconOfficial": { + "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", + "hover": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, - "sizeButtonMorePadding": { - "regular": 8, + "octaviusColorIconOrder": { + "active": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + "normal": "var(--vkui--octavius_color_icon_order, #F94CA3)", }, - "sizeButtonPaddingHorizontal": { - "regular": 20, + "octaviusColorIconOrderAlpha": { + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", }, - "sizeButtonSliderHeight": { - "regular": 24, + "octaviusColorIconReceipts": { + "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", + "hover": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, - "sizeButtonSliderWidth": { - "regular": 12, + "octaviusColorIconRegistration": { + "active": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + "normal": "var(--vkui--octavius_color_icon_registration, #FF9C37)", }, - "sizeButtonSliderWidthPointer": { - "regular": 16, + "octaviusColorIconSchool": { + "active": "var(--vkui--octavius_color_icon_school--active, #B388EE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #AF83ED)", + "normal": "var(--vkui--octavius_color_icon_school, #AC7EEC)", }, - "sizeButtonSmallHeight": { - "regular": 30, + "octaviusColorIconSocial": { + "active": "var(--vkui--octavius_color_icon_social--active, #7D92FF)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #788DFF)", + "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "octaviusColorIconToMyself": { + "active": "var(--vkui--octavius_color_icon_to_myself--active, #14C29C)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #0AC097)", + "normal": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "octaviusColorIconTravel": { + "active": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + "normal": "var(--vkui--octavius_color_icon_travel, #C15DF3)", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "octaviusColorIconTravelAlpha": { + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "octaviusColorIconUnread": { + "active": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", + "normal": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "octaviusColorLayoutBorderAlpha": { + "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--octavius_color_layout_border_alpha, transparent)", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", }, - "sizeCardBorderRadius": { - "regular": 16, + "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%))", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", }, - "sizeCardgridPadding": { - "regular": 12, + "octaviusColorLetterListTextUnread": { + "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", }, - "sizeCardgridPaddingVertical": { - "regular": 8, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", + "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #1D1D1D)", + "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", }, - "sizeCheckBorderRadius": { - "regular": 4, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", + "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #191919)", + "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", }, - "sizeCheckbox": { - "regular": 16, + "octaviusColorListBackgroundPositiveAlpha": { + "active": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--octavius_color_list_background_positive_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, - "sizeChoiceMargin": { - "regular": 8, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", }, - "sizeControlButtonWidthMin": { - "regular": 130, + "octaviusColorListIconPrimary": { + "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, - "sizeDivPadding": { - "regular": 4, + "octaviusColorListLetterAdvBackground": { + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", }, - "sizeDotBullet": { - "regular": 4, + "octaviusColorListLetterBackground": { + "active": "var(--vkui--octavius_color_list_letter_background--active, #353536)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + "normal": "var(--vkui--octavius_color_list_letter_background, #232324)", }, - "sizeDotClickable": { - "regular": 12, + "octaviusColorListLetterSeparatorAlpha": { + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", }, - "sizeDotIndicate": { - "regular": 8, + "octaviusColorListTextPrimary": { + "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", }, - "sizeFieldHeight": { - "regular": 40, + "octaviusColorListTextUnread": { + "active": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, - "sizeFieldHorizontalMargin": { - "regular": 20, + "octaviusColorNotificationBorder": { + "active": "var(--vkui--octavius_color_notification_border--active, #141414)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + "normal": "var(--vkui--octavius_color_notification_border, #000000)", }, - "sizeFieldHorizontalPadding": { - "regular": 12, + "octaviusColorOverlayBackground": { + "active": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, - "sizeFieldSetMargin": { - "regular": 32, + "octaviusColorPlaceholderBackground": { + "active": "var(--vkui--octavius_color_placeholder_background--active, #141414)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + "normal": "var(--vkui--octavius_color_placeholder_background, #000000)", }, - "sizeFieldVerticalMargin": { - "regular": 24, + "octaviusColorPortalMenuBackground": { + "active": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + "normal": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, - "sizeFieldWidthMin": { - "regular": 328, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", }, - "sizeFormItemPaddingVertical": { - "regular": 12, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, + "octaviusColorPromoBackground": { + "active": "var(--vkui--octavius_color_promo_background--active, #414141)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #383838)", + "normal": "var(--vkui--octavius_color_promo_background, #303030)", }, - "sizeIconMargin": { - "regular": 12, + "octaviusColorSidebarButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", }, - "sizeIconMorePadding": { - "regular": 12, + "octaviusColorSidebarButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", }, - "sizeIconUI": { - "regular": 18, + "octaviusColorSidebarButtonText": { + "active": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", }, - "sizeIllustrationL": { - "regular": 144, + "octaviusColorSidebarComposeButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", }, - "sizeIllustrationM": { - "regular": 96, + "octaviusColorSidebarComposeButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", }, - "sizeIllustrationS": { - "regular": 48, + "octaviusColorSidebarComposeButtonText": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + }, + "octaviusColorSidebarCounterText": { + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", + }, + "octaviusColorSidebarIconEvent": { + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", + }, + "octaviusColorSidebarIconFavorite": { + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", + }, + "octaviusColorSidebarIconFees": { + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", + }, + "octaviusColorSidebarIconFinance": { + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", + }, + "octaviusColorSidebarIconOrder": { + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", + }, + "octaviusColorSidebarIconRegistration": { + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", + }, + "octaviusColorSidebarIconTravel": { + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", + }, + "octaviusColorSidebarIconUnread": { + "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #1681FF)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", + }, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(255, 255, 255, 0.08))", + }, + "octaviusColorSidebarItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", + }, + "octaviusColorSidebarItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", + }, + "octaviusColorSidebarItemText": { + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + }, + "octaviusColorSidebarItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #919398)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #E7E8EA)", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #FFFFFF)", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #9C9DA2)", + }, + "octaviusColorSidebarShortItemText": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #E7E8EA)", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #FFFFFF)", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #95979D)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #919398)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_widget_background_alpha--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_widget_background_alpha, rgba(255, 255, 255, 0.16))", + }, + "octaviusColorSnackbarBackground": { + "active": "var(--vkui--octavius_color_snackbar_background--active, #414141)", + "hover": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", + "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", + }, + "octaviusColorSnackbarIconAccent": { + "active": "var(--vkui--octavius_color_snackbar_icon_accent--active, #1482FF)", + "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", + }, + "octaviusColorSnackbarIconNegative": { + "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", + "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", + }, + "octaviusColorSnackbarIconPositive": { + "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #20C774)", + "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", + }, + "octaviusColorSnackbarIconWarning": { + "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #FFA614)", + "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", + "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", + }, + "octaviusColorSnackbarTextAccent": { + "active": "var(--vkui--octavius_color_snackbar_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", + "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", + }, + "octaviusColorSnackbarTextContrast": { + "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_snackbar_text_contrast, #FFFFFF)", + }, + "octaviusColorSnackbarTransparent": { + "active": "var(--vkui--octavius_color_snackbar_transparent--active, rgba(255, 255, 255, 0.04))", + "hover": "var(--vkui--octavius_color_snackbar_transparent--hover, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", + }, + "octaviusColorThreadFooterBackground": { + "active": "var(--vkui--octavius_color_thread_footer_background--active, #414141)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #383838)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #303030)", + }, + "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "octaviusFilterSidebarItemIcon": "var(--vkui--octavius_filter_sidebar_item_icon, none)", + "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, inherit)", + "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", + "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", + "octaviusImageBackground": "var(--vkui--octavius_image_background, none)", + "octaviusImageOverlayBackground": "var(--vkui--octavius_image_overlay_background, none)", + "octaviusPositionBackground": "var(--vkui--octavius_position_background, 50% 0)", + "octaviusShadowEmptyStateText": "var(--vkui--octavius_shadow_empty_state_text, none)", + "octaviusShadowSidebarItemIcon": "var(--vkui--octavius_shadow_sidebar_item_icon, none)", + "octaviusShadowSidebarItemText": "var(--vkui--octavius_shadow_sidebar_item_text, none)", + "octaviusSizeHeadlineHeight": { + "regular": "var(--vkui--octavius_size_headline_height--regular, 36px)", + }, + "octaviusSizeLayoutWidthMax": { + "regular": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", + }, + "octaviusSizeLayoutWidthMin": { + "regular": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", + }, + "octaviusSizeSidebarPaddingTop": { + "regular": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "regular": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", + }, + "octaviusSizeSidebarWidgetsHeightMin": { + "regular": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", + }, + "octaviusTextDecorationEmptyStateTextLink": { + "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, none)", + "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, none)", + "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", + }, + "octaviusTextShadowEmptyStateText": "var(--vkui--octavius_text_shadow_empty_state_text, none)", + "octaviusTextShadowSidebarItemText": "var(--vkui--octavius_text_shadow_sidebar_item_text, none)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + "sizeButtonPaddingHorizontal": { + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", + }, + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", + }, + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", + }, + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", + }, + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", + }, + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", }, "sizeIllustrationXM": { - "regular": 72, + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, "sizeIllustrationXXL": { - "regular": 228, + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeLabelVerticalMargin": { - "regular": 4, + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, "sizeLabelWidth": { - "regular": 184, + "regular": "var(--vkui--size_label_width--regular, 184px)", }, "sizeMenuMargin": { - "regular": 2, + "regular": "var(--vkui--size_menu_margin--regular, 2px)", }, "sizeMenuPadding": { - "regular": 8, + "regular": "var(--vkui--size_menu_padding--regular, 8px)", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "regular": 56, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "regular": 20, + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, "sizePopupHeaderPadding": { - "regular": 16, + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { - "regular": 880, + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "regular": 8, + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { - "regular": 680, + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": 430, + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeProgress": { - "regular": 4, + "regular": "var(--vkui--size_progress--regular, 4px)", }, "sizeProgressScroll": { - "regular": 12, + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, "sizePromoButtonClose": { - "regular": 32, + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, "sizeSearchHeight": { - "regular": 36, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "regular": 7, + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { - "regular": 60, + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, "sizeSliceTopPadding": { - "regular": 40, + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { - "regular": 8, + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "regular": 14, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "regular": 20, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "regular": 34, + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { - "regular": 8, + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, "sizeTabPadding": { - "regular": 16, + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, "sizeTableHorizontalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, "sizeTableVerticalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, "sizeTagMargin": { - "regular": 8, + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, "sizeTagPadding": { - "regular": 8, + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, "sizeTipMargin": { - "regular": 4, + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, "sizeVerticalPadding": { - "regular": 0, + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", }, "sizeWysiwygIcon": { - "regular": 14, + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeName": "otvet", - "themeNameBase": "otvet", - "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "x0": 0, - "x025": 1, - "x05": 2, - "x1": 4, - "x10": 40, - "x12": 48, - "x15": 60, - "x2": 8, - "x20": 80, - "x3": 12, - "x4": 16, - "x5": 20, - "x6": 24, - "x8": 32, - "zIndexModal": 99, - "zIndexPopout": 100, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, octaviusWhiteDark)", + "themeNameBase": "var(--vkui--theme_name_base, octavius)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] = ` { - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", - }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", - }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", - }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", - }, - "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", - }, + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", - }, + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #9C9DA2)", - }, + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #BEFC80)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", - }, + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", - }, - "hover": { - "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", - }, - "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", - }, + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", - }, - "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", - }, - "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", - }, + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #FF498F)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #FF418A)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", - }, + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", - }, + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - }, - "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", - }, + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", - }, + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #C66AF4)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", - }, + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", - }, + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorAlert": { + "active": "#C6442D", + "hover": "#C33C24", + "normal": "#c1341b", }, "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", - }, + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { - "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", - }, + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", - }, + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", - }, + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", - }, + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", - }, + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", - }, + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", - }, + "active": "#F1F5FF", + "hover": "#F1F4FF", + "normal": "#f0f4ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2B)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #191919)", - }, + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", - }, + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", - }, + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #414141)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #303030)", - }, + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2B3240)", - }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #222937)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #19202f)", - }, + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #414141)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #383838)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #303030)", - }, + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", - }, + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", - }, + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": { - "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", - }, + "active": "#FAEDED", + "hover": "#FAECEC", + "normal": "#faebeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #182A22)", - }, + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", }, "colorBackgroundPositiveTintAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", - }, + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "colorBackgroundPositiveTintThemed": { - "active": { - "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", - }, + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", - }, + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", - }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", - }, + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #363636)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", - }, + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", - }, + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", + }, + "colorBackgroundThumbnail": { + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", + }, + "colorBackgroundThumbnailAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #6C4E00)", - }, + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": { - "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #41372A)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #302617)", - }, + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", }, "colorBackgroundWarningTintAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", - }, + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, "colorBackgroundWarningTintThemed": { - "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", - }, + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundWarningTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #222222)", - }, - "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #1F1F1F)", - }, - "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #1B1B1B)", - }, + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { - "active": { - "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", - }, - "hover": { - "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", - }, - "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", - }, + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", - }, + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, transparent)", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, transparent)", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, transparent)", - }, + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #353536)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #232324)", - }, + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", - }, + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", - }, + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B0B1B6)", - }, + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", - }, + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #BABABA)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #B7B7B7)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #B4B4B4)", - }, + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #6C6C6C)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #656565)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #5F5F5F)", - }, + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", - }, + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", - }, + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", - }, - "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", - }, + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #494A4B)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", - }, + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", - }, + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { - "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", - }, - "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", - }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", - }, + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", - }, - }, - "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", - }, + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, - "colorRating": { - "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #FFD714)", - }, - "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #FFD60A)", - }, - "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", - }, + "colorPaletteBlue1": { + "active": "#3A5FFF", + "hover": "#3258FF", + "normal": "#2951ff", }, - "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #494A4B)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #414243)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", - }, + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "colorSegmentedControl": { - "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", - }, - "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", - }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", - }, + "colorPaletteBlue2": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", }, - "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #282829)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #151516)", - }, + "colorPaletteBlue3": { + "active": "#37E2E2", + "hover": "#2FE0E0", + "normal": "#26dfdf", }, - "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #323234)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #202022)", - }, + "colorPaletteGreen1": { + "active": "#B4E326", + "hover": "#B1E21C", + "normal": "#aee113", + }, + "colorPaletteGreen1Alpha": { + "active": "rgba(92, 186, 56, 0.2)", + "hover": "rgba(92, 186, 56, 0.16)", + "normal": "rgba(92, 186, 56, 0.12)", + }, + "colorPaletteGreen2": { + "active": "#66C862", + "hover": "#60C55B", + "normal": "#59c354", + }, + "colorPaletteGreen2Alpha": { + "active": "rgba(0, 230, 180, 0.16)", + "hover": "rgba(0, 230, 180, 0.12)", + "normal": "rgba(0, 230, 180, 0.08)", + }, + "colorPaletteGreen3": { + "active": "#47ED9D", + "hover": "#3FEC98", + "normal": "#37eb94", + }, + "colorPaletteGreen4": { + "active": "#14B7B9", + "hover": "#0AB4B6", + "normal": "#00b1b3", + }, + "colorPaletteOrange1": { + "active": "#FF943F", + "hover": "#FF9036", + "normal": "#ff8b2e", + }, + "colorPaletteOrange1Alpha": { + "active": "rgba(255, 158, 0, 0.2)", + "hover": "rgba(255, 158, 0, 0.16)", + "normal": "rgba(255, 158, 0, 0.12)", + }, + "colorPaletteRed1": { + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#fc2c38", + }, + "colorPaletteRed2": { + "active": "#ED2B8B", + "hover": "#EC2286", + "normal": "#eb1981", + }, + "colorPaletteRed3": { + "active": "#FF7CC0", + "hover": "#FF77BE", + "normal": "#ff71bb", + }, + "colorPaletteViolet1": { + "active": "#7814FF", + "hover": "#720AFF", + "normal": "#6c00ff", + }, + "colorPaletteViolet2": { + "active": "#B47EFF", + "hover": "#B179FF", + "normal": "#ae73ff", + }, + "colorPaletteYellow1": { + "active": "#FFC824", + "hover": "#FFC51B", + "normal": "#ffc311", + }, + "colorPanelHeaderIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", + }, + "colorSeparatorPrimary2x": { + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #353537)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", - }, + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", - }, + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", - }, + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #3E3F40)", - }, + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", + }, + "colorSocialBehance": { + "active": "#2A75FF", + "hover": "#206FFF", + "normal": "#1769ff", + }, + "colorSocialDribbble": { + "active": "#EC5A92", + "hover": "#EB538E", + "normal": "#ea4c89", + }, + "colorSocialFb": { + "active": "#2A82F3", + "hover": "#217CF3", + "normal": "#1877f2", + }, + "colorSocialMir": { + "active": "#2488DD", + "hover": "#1B83DB", + "normal": "#117eda", + }, + "colorSocialOk": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#ee8208", + }, + "colorSocialTwitter": { + "active": "#2FA9F3", + "hover": "#26A5F3", + "normal": "#1da1f2", + }, + "colorSocialVk": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", - }, + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", - }, - "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", - }, + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, + "colorTagBackgroundMint": { + "active": "#B9F1E0", + "hover": "#B6F1DE", + "normal": "#B3F0DD", + }, + "colorTagBackgroundOrange": { + "active": "#FFD6AF", + "hover": "#FFD4AB", + "normal": "#FFD2A8", + }, + "colorTagBackgroundPink": { + "active": "#FFB8DD", + "hover": "#FFB5DB", + "normal": "#FFB2DA", + }, + "colorTagBackgroundPurple": { + "active": "#D2B9F1", + "hover": "#D0B6F1", + "normal": "#CEB3F0", + }, + "colorTagBackgroundSky": { + "active": "#ABE1FF", + "hover": "#A8DFFF", + "normal": "#A4DEFF", + }, + "colorTagTextMint": { + "active": "#326868", + "hover": "#296262", + "normal": "#205B5B", + }, + "colorTagTextOrange": { + "active": "#684632", + "hover": "#623E29", + "normal": "#5B3620", + }, + "colorTagTextPink": { + "active": "#5F3268", + "hover": "#582962", + "normal": "#51205B", + }, + "colorTagTextPurple": { + "active": "#483268", + "hover": "#402962", + "normal": "#38205B", + }, + "colorTagTextSky": { + "active": "#324E68", + "hover": "#294762", + "normal": "#203F5B", }, "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", - }, + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", - }, + "active": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", }, "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - }, - "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", - }, + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #6098E2)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #528FDF)", - }, + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #E7E8EA)", - }, + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", - }, + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #95979D)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", - }, + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", - }, + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #74767A)", - }, + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { - "active": { - "name": "--vkui--color_thumb_error_background_alpha--active", - "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - }, - "hover": { - "name": "--vkui--color_thumb_error_background_alpha--hover", - "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - }, - "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", - }, + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", - }, + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, "colorTooltipBackgroundGreenTint": { - "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", - }, + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, "colorTooltipBackgroundOrangeTint": { - "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", - }, + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, "colorTooltipBackgroundPurpleTint": { - "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", - }, + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, "colorTooltipTextBlueThemed": { - "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextGreenThemed": { - "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextOrangeThemed": { - "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextPurpleThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTrackBackground": { + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", + }, + "colorTrackBuffer": { + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorWriteBarInputBackground": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, - "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, - "colorTooltipTextPurpleThemed": { - "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, - "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", }, }, - "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #525354)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, }, }, - "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 18, }, }, - "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, }, }, - "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "fontH1": { + "compact": { + "fontSize": 32, + "lineHeight": 36, }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, - "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorWriteBarInputBorderAlpha": { - "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))", + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, - "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))", + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "fontTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, + }, }, - "elevation1InvertY": { - "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", - }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", - }, - "elevation4": { - "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", - }, - "fontCaption1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", - }, - }, + "fontTitle2": { "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, - "fontCaption1Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight", - "value": "var(--vkui--font_caption1_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height", - "value": "var(--vkui--font_caption1_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform", - "value": "var(--vkui--font_caption1_caps--text_transform)", - }, - }, + "fontTitle3": { "regular": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, }, }, - "fontCaption2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, - }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "octaviusColorActionArchive": { + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, - "fontCaption2Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family", - "value": "var(--vkui--font_caption2_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size", - "value": "var(--vkui--font_caption2_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight", - "value": "var(--vkui--font_caption2_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height", - "value": "var(--vkui--font_caption2_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform", - "value": "var(--vkui--font_caption2_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size--regular", - "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height--regular", - "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, - }, + "octaviusColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "fontCaption3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family", - "value": "var(--vkui--font_caption3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size", - "value": "var(--vkui--font_caption3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight", - "value": "var(--vkui--font_caption3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height", - "value": "var(--vkui--font_caption3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size--regular", - "value": "var(--vkui--font_caption3--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight--regular", - "value": "var(--vkui--font_caption3--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height--regular", - "value": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, - }, + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "fontCaption3Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family", - "value": "var(--vkui--font_caption3_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size", - "value": "var(--vkui--font_caption3_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight", - "value": "var(--vkui--font_caption3_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height", - "value": "var(--vkui--font_caption3_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform", - "value": "var(--vkui--font_caption3_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size--regular", - "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height--regular", - "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, - }, + "octaviusColorBackgroundAccentTonedAlpha": { + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, - "fontDisplayTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family", - "value": "var(--vkui--font_display_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size", - "value": "var(--vkui--font_display_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight", - "value": "var(--vkui--font_display_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height", - "value": "var(--vkui--font_display_title1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size--regular", - "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, - }, + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, - "fontDisplayTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family", - "value": "var(--vkui--font_display_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size", - "value": "var(--vkui--font_display_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight", - "value": "var(--vkui--font_display_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height", - "value": "var(--vkui--font_display_title2--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--regular", - "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, - }, + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, - "fontDisplayTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family", - "value": "var(--vkui--font_display_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size", - "value": "var(--vkui--font_display_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight", - "value": "var(--vkui--font_display_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height", - "value": "var(--vkui--font_display_title3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size--regular", - "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, - }, + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "fontDisplayTitle4": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family", - "value": "var(--vkui--font_display_title4--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size", - "value": "var(--vkui--font_display_title4--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight", - "value": "var(--vkui--font_display_title4--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height", - "value": "var(--vkui--font_display_title4--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size--regular", - "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", - }, - }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "octaviusColorButtonEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "octaviusColorButtonIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "fontFootnote": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family", - "value": "var(--vkui--font_footnote--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size", - "value": "var(--vkui--font_footnote--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight", - "value": "var(--vkui--font_footnote--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height", - "value": "var(--vkui--font_footnote--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, - }, + "octaviusColorButtonText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "fontFootnoteCaps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family", - "value": "var(--vkui--font_footnote_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size", - "value": "var(--vkui--font_footnote_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight", - "value": "var(--vkui--font_footnote_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height", - "value": "var(--vkui--font_footnote_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform", - "value": "var(--vkui--font_footnote_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size--regular", - "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight--regular", - "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform--regular", - "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, - }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "fontH0": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", - }, - "marginBottom": { - "name": "--vkui--font_h0--margin_bottom", - "value": "var(--vkui--font_h0--margin_bottom)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 44px)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 700)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 52px)", - }, - "marginBottom": { - "name": "--vkui--font_h0--margin_bottom--regular", - "value": "var(--vkui--font_h0--margin_bottom--regular, 20px)", - }, - }, + "octaviusColorDatasetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "fontH1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", - }, - "marginBottom": { - "name": "--vkui--font_h1--margin_bottom", - "value": "var(--vkui--font_h1--margin_bottom)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 32px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 700)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 40px)", - }, - "marginBottom": { - "name": "--vkui--font_h1--margin_bottom--regular", - "value": "var(--vkui--font_h1--margin_bottom--regular, 16px)", - }, - }, + "octaviusColorEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "fontH2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", - }, - "marginBottom": { - "name": "--vkui--font_h2--margin_bottom", - "value": "var(--vkui--font_h2--margin_bottom)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 700)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 32px)", - }, - "marginBottom": { - "name": "--vkui--font_h2--margin_bottom--regular", - "value": "var(--vkui--font_h2--margin_bottom--regular, 12px)", - }, - }, + "octaviusColorEmptyStateTextLink": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "fontHeadline": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline--font_family", - "value": "var(--vkui--font_headline--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size", - "value": "var(--vkui--font_headline--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight", - "value": "var(--vkui--font_headline--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height", - "value": "var(--vkui--font_headline--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight--regular", - "value": "var(--vkui--font_headline--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 20px)", - }, - }, + "octaviusColorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "fontHeadline1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", - }, - }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "transparent", }, - "fontHeadline2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", - }, - }, + "octaviusColorHeaderButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontParagraph": { - "auto": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family", - "value": "var(--vkui--font_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size", - "value": "var(--vkui--font_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight", - "value": "var(--vkui--font_paragraph--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height", - "value": "var(--vkui--font_paragraph--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight--regular", - "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", - }, - }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, - "fontSubhead": { - "auto": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family", - "value": "var(--vkui--font_subhead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size", - "value": "var(--vkui--font_subhead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight", - "value": "var(--vkui--font_subhead--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height", - "value": "var(--vkui--font_subhead--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, - }, + "octaviusColorHeaderIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontText": { - "auto": { - "fontFamily": { - "name": "--vkui--font_text--font_family", - "value": "var(--vkui--font_text--font_family)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size", - "value": "var(--vkui--font_text--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight", - "value": "var(--vkui--font_text--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height", - "value": "var(--vkui--font_text--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight--regular", - "value": "var(--vkui--font_text--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 20px)", - }, - }, + "octaviusColorHeaderIconAttach": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title1--font_family", - "value": "var(--vkui--font_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size", - "value": "var(--vkui--font_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight", - "value": "var(--vkui--font_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height", - "value": "var(--vkui--font_title1--line_height)", - }, - "marginBottom": { - "name": "--vkui--font_title1--margin_bottom", - "value": "var(--vkui--font_title1--margin_bottom)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--regular", - "value": "var(--vkui--font_title1--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 700)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, - "marginBottom": { - "name": "--vkui--font_title1--margin_bottom--regular", - "value": "var(--vkui--font_title1--margin_bottom--regular, 12px)", - }, - }, + "octaviusColorHeaderIconFavorite": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title2--font_family", - "value": "var(--vkui--font_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size", - "value": "var(--vkui--font_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight", - "value": "var(--vkui--font_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height", - "value": "var(--vkui--font_title2--line_height)", - }, - "marginBottom": { - "name": "--vkui--font_title2--margin_bottom", - "value": "var(--vkui--font_title2--margin_bottom)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size--regular", - "value": "var(--vkui--font_title2--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 700)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, - "marginBottom": { - "name": "--vkui--font_title2--margin_bottom--regular", - "value": "var(--vkui--font_title2--margin_bottom--regular, 12px)", - }, - }, + "octaviusColorHeaderIconUnread": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title3--font_family", - "value": "var(--vkui--font_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size", - "value": "var(--vkui--font_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight", - "value": "var(--vkui--font_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height", - "value": "var(--vkui--font_title3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, - }, + "octaviusColorHeaderProgress": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", + "octaviusColorHeaderSearchBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "octaviusColorHeaderSearchChipBackground": { + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 700)", + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "octaviusColorHeaderSearchIcon": { + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", }, - "gradient": { - "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "octaviusColorHeaderSearchText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "gradientBlack": { - "name": "--vkui--gradient_black", - "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, - "gradientTint": { - "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, - "gradientWhite": { - "name": "--vkui--gradient_white", - "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", + "octaviusColorHeaderTextSecondary": { + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "octaviusColorIconEvent": { + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", + }, + "octaviusColorIconEventAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorIconFavorite": { + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", + }, + "octaviusColorIconFees": { + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", + }, + "octaviusColorIconFinance": { + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", + }, + "octaviusColorIconGames": { + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", + }, + "octaviusColorIconMailings": { + "active": "#FC9328", + "hover": "#FC8F1E", + "normal": "#FC8A15", + }, + "octaviusColorIconNews": { + "active": "#1CB2DC", + "hover": "#12AEDB", + "normal": "#08ABD9", + }, + "octaviusColorIconOfficial": { + "active": "#EE565E", + "hover": "#ED4E57", + "normal": "#EC4750", + }, + "octaviusColorIconOrder": { + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", + }, + "octaviusColorIconOrderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorIconReceipts": { + "active": "#7FC419", + "hover": "#7AC20F", + "normal": "#74BF05", + }, + "octaviusColorIconRegistration": { + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", + }, + "octaviusColorIconSchool": { + "active": "#B388EE", + "hover": "#AF83ED", + "normal": "#AC7EEC", + }, + "octaviusColorIconSocial": { + "active": "#7D92FF", + "hover": "#788DFF", + "normal": "#7288FF", + }, + "octaviusColorIconToMyself": { + "active": "#14C29C", + "hover": "#0AC097", + "normal": "#00BD93", + }, + "octaviusColorIconTravel": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", + }, + "octaviusColorIconTravelAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorIconUnread": { + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", + }, + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "octaviusColorLetterAttachListBackground": "linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "transparent", + }, + "octaviusColorLetterListTextUnread": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", + }, + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", + }, + "octaviusColorListIconPrimary": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "octaviusColorListLetterAdvBackground": { + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", + }, + "octaviusColorListLetterBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "octaviusColorListTextPrimary": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "octaviusColorListTextUnread": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "octaviusColorNotificationBorder": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "octaviusColorOverlayBackground": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "octaviusColorPlaceholderBackground": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "octaviusColorPortalMenuBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", + }, + "octaviusColorPromoBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "octaviusColorSidebarButtonBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarButtonIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarButtonText": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarCounterText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorSidebarIconEvent": { + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", + }, + "octaviusColorSidebarIconFavorite": { + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", + }, + "octaviusColorSidebarIconFees": { + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", + }, + "octaviusColorSidebarIconFinance": { + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", + }, + "octaviusColorSidebarIconOrder": { + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", + }, + "octaviusColorSidebarIconRegistration": { + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", + }, + "octaviusColorSidebarIconTravel": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", + }, + "octaviusColorSidebarIconUnread": { + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", + }, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "transparent", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "octaviusColorSidebarItemIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorSidebarItemIconActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "octaviusColorSidebarItemText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorSidebarItemTextActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "octaviusColorSidebarShortItemText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorSnackbarBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "octaviusColorSnackbarIconAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "octaviusColorSnackbarIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "octaviusColorSnackbarIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "octaviusColorSnackbarIconWarning": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "octaviusColorSnackbarTextAccent": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", + }, + "octaviusColorSnackbarTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorThreadFooterBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "octaviusElevationCard": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusFilterSidebarItemIcon": "none", + "octaviusFontFamilyDefault": "HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "inherit", + "octaviusFontFamilyGlobal": "Arial, Tahoma, Verdana, sans-serif", + "octaviusFontFamilyMac": "Helvetica, Arial, Tahoma, Verdana, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif", + "octaviusImageBackground": "none", + "octaviusImageOverlayBackground": "none", + "octaviusPositionBackground": "50% 0", + "octaviusShadowEmptyStateText": "none", + "octaviusShadowSidebarItemIcon": "none", + "octaviusShadowSidebarItemText": "none", + "octaviusSizeHeadlineHeight": { + "regular": 36, + }, + "octaviusSizeLayoutWidthMax": { + "regular": 2150, + }, + "octaviusSizeLayoutWidthMin": { + "regular": 761, + }, + "octaviusSizeSidebarPaddingTop": { + "regular": 12, + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "regular": 104, + }, + "octaviusSizeSidebarWidgetsHeightMin": { + "regular": 64, + }, + "octaviusTextDecorationEmptyStateTextLink": { + "active": "none", + "hover": "none", + "normal": "underline", }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "regular": 8, }, "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", - }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", - }, + "regular": 8, }, "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", - }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", - }, + "regular": 12, }, "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", - }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", - }, + "regular": 40, }, "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", - }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", - }, + "regular": 12, }, "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", - }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", - }, + "regular": 4, }, "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", - }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", - }, + "regular": 96, }, "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", - }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", - }, + "regular": 48, }, "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", - }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", - }, + "regular": 32, }, "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", - }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", - }, + "regular": 128, }, "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", - }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", - }, + "regular": 24, }, "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", - }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", - }, + "regular": 44, }, "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", - }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", - }, + "regular": 24, }, "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", - }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", - }, + "regular": 16, }, "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", - }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", - }, + "regular": 56, }, "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", - }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", - }, - }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", + "regular": 12, }, + "sizeBase": 4, "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", - }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", - }, + "regular": 12, }, "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", - }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", - }, + "compact": 20, + "regular": 16, }, "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)", - }, + "regular": 16, }, "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", - }, + "regular": 12, }, "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", - }, + "regular": 1, }, "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", - }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", - }, + "regular": 0.5, }, "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", - }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", - }, + "regular": 0.33, }, "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", - }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", - }, + "regular": 8, }, "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", - }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", - }, + "regular": 12, }, "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", - }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", - }, + "regular": 20, }, "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)", - }, + "regular": 48, }, "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", - }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", - }, + "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", - }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, + "regular": 8, }, "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", - }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", - }, + "regular": 4, }, "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", - }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", - }, + "regular": 2, }, "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", - }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", - }, + "regular": 12, }, "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", - }, + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", - }, + "regular": 12, }, "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", - }, + "regular": 8, }, "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", - }, + "regular": 1, }, "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", - }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", - }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", - }, + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", - }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", - }, + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", - }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, + "regular": 80, }, "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", - }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", - }, + "regular": 8, }, "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, + "compact": 16, + "regular": 20, }, "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", - }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", - }, + "regular": 24, }, "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", - }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", - }, + "regular": 12, }, "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", - }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", - }, + "regular": 16, }, "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", - }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", - }, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", - }, + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", - }, + "regular": 8, }, "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, 16px)", - }, + "regular": 16, }, "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, 12px)", - }, + "regular": 12, }, "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)", - }, + "regular": 8, }, "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", - }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", - }, + "regular": 4, }, "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, + "regular": 16, }, "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", - }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", - }, + "regular": 8, }, "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", - }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", - }, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", - }, - "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", - }, + "regular": 4, }, "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", - }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", - }, + "regular": 4, }, "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", - }, - "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", - }, + "regular": 12, }, "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", - }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", - }, + "regular": 8, }, "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", - }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", - }, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { - "auto": { - "name": "--vkui--size_field_horizontal_margin", - "value": "var(--vkui--size_field_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", - }, + "regular": 20, }, "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, + "regular": 12, }, "sizeFieldSetMargin": { - "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", - }, - "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", - }, + "regular": 32, }, "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", - }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", - }, + "regular": 24, }, "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", - }, - "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", - }, + "compact": 380, + "regular": 328, }, "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", - }, - }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "regular": 12, }, + "sizeGrid": 20, "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", - }, - "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", - }, + "regular": 20, }, "sizeIconMargin": { - "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", - }, - "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", - }, + "compact": 8, + "regular": 12, }, "sizeIconMorePadding": { - "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", - }, - "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", - }, + "compact": 8, + "regular": 12, }, "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 18px)", - }, + "regular": 16, }, "sizeIllustrationL": { - "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", - }, - "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", - }, + "regular": 144, }, "sizeIllustrationM": { - "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, + "regular": 96, }, "sizeIllustrationS": { - "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", - }, - "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", - }, + "regular": 48, }, "sizeIllustrationXM": { - "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", - }, - "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", - }, + "regular": 72, }, "sizeIllustrationXXL": { - "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, + "regular": 228, }, "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", - }, + "regular": 16, }, "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", - }, - "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", - }, + "regular": 4, }, "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", - }, - "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", - }, + "regular": 184, }, "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", - }, - "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", - }, + "regular": 2, }, "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", - }, - "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", - }, + "regular": 8, }, "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", - }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", - }, + "regular": 32, }, "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", - }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", - }, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", - }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", - }, + "compact": 32, + "regular": 20, }, "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", - }, + "compact": 24, + "regular": 16, }, "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", - }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", - }, + "regular": 880, }, "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", - }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", - }, + "compact": 24, + "regular": 8, }, "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", - }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", - }, + "regular": 680, }, "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", - }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", - }, + "regular": 430, }, "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", - }, + "regular": 4, }, "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", - }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", - }, + "regular": 12, }, "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", - }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", - }, + "regular": 32, }, "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", - }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", - }, + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", - }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", - }, + "compact": 6, + "regular": 7, }, "sizeSliceBottomPadding": { - "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", - }, - "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", - }, + "regular": 60, }, "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", - }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", - }, + "regular": 40, }, "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", - }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", - }, + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", - }, + "regular": 12, }, "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", - }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", - }, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", - }, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", - }, + "compact": 32, + "regular": 34, }, "sizeTabMargin": { - "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", - }, - "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", - }, + "regular": 8, }, "sizeTabPadding": { - "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", - }, - "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTableHorizontalPadding": { - "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTableVerticalPadding": { - "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTagMargin": { - "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", - }, - "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", - }, + "regular": 8, }, "sizeTagPadding": { - "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", - }, - "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", - }, + "regular": 8, }, "sizeTipMargin": { - "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", - }, - "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", - }, + "regular": 4, }, "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", - }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", - }, + "regular": 8, }, "sizeVerticalPadding": { - "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", - }, + "regular": 0, }, "sizeWysiwygIcon": { - "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", - }, - "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", - }, - }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", - }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", - }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", - }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", - }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", - }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", - }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", - }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", - }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, otvetDark)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, otvet)", - }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", - }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", - }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", - }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", - }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", - }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", - }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", - }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", - }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", - }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", - }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", - }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", - }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", - }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", - }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", - }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", - }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", - }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", - }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "regular": 14, }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "octaviusWhiteDark", + "themeNameBase": "octavius", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, -} -`; - -exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` -{ - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { "adaptiveValue": "regular", @@ -225078,1305 +231152,4358 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", + }, }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", + }, }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", + }, }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", + }, }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", - }, - "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", - }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#F05C44", + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", + }, }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED033A)", + }, }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", + }, }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", + }, }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", + }, }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, }, "colorBackgroundAccentTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + }, }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#2B2B2B", - "normal": "#191919", + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", + }, }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + }, }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #FFFFFF)", + }, }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #303030)", + }, }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", + }, }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, }, "colorBackgroundNegativeTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + }, }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + }, }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, }, "colorBackgroundPositiveTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + }, }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", + }, }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + }, }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", + }, }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", + }, }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, }, "colorBackgroundWarningTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, }, "colorButtonContrast": { - "active": "#222222", - "hover": "#1F1F1F", - "normal": "#1B1B1B", + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", + }, }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #0077ff)", + }, }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #0077ff)", + }, }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #0077ff)", + }, }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ffffff)", + }, }, "colorFieldBorderAlpha": { - "active": "transparent", - "hover": "transparent", - "normal": "transparent", + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", + }, }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", + }, }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #919399)", + }, }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED033a)", + }, }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, }, "colorIconPrimary": { - "active": "#BABABA", - "hover": "#B7B7B7", - "normal": "#B4B4B4", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", + }, }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, }, "colorIconSecondary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5F5F5F", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", - }, - "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", - }, - "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FF9E00)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.8)", - "hover": "rgba(0, 0, 0, 0.76)", - "normal": "rgba(0, 0, 0, 0.72)", + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", + }, }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", + }, }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #DADCE0)", + }, }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + }, }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077ff)", + }, }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED033a)", + }, }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0070f0)", + }, }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", + }, }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0070f0)", + }, }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", + }, }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2C2D2E)", + }, }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ED330a)", + }, }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #2C2D2E)", + }, }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #87898F)", + }, }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #797A80)", + }, }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", + }, }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, }, "colorTooltipBackgroundBlueTint": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, }, "colorTooltipBackgroundGreenTint": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, }, "colorTooltipBackgroundOrangeTint": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, }, "colorTooltipBackgroundPurpleTint": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, }, "colorTooltipTextBlueThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, }, "colorTooltipTextGreenThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, }, "colorTooltipTextOrangeThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, }, "colorTooltipTextPurpleThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + }, }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #DADCE0)", + }, }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", - }, - "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", - }, - "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", - }, - "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", - }, - "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", - }, - "colorsScheme": "dark", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", - "fontCaption1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", }, }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "23px", - "fontWeight": 500, - "lineHeight": "28px", + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, - }, - "fontDisplayTitle2": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "21px", - "fontWeight": 500, - "lineHeight": "26px", + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, - }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", }, - }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", - "fontFootnote": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", }, - }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, }, - "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "44px", - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": "20px", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, - }, - "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": "16px", + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, - }, - "fontH2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": "12px", + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, }, - "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", }, - }, - "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", }, - }, - "fontHeadline2": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, }, - "fontParagraph": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", }, - "fontSubhead": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", - }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", }, - "fontText": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", }, - "fontTitle1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": "12px", - }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", }, - "fontTitle2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": "12px", - }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", }, - "fontTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", - }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "sizeArrow": { - "regular": "8px", - }, - "sizeArrowHeight": { - "regular": "8px", - }, - "sizeArrowPadding": { - "regular": "12px", - }, - "sizeArrowPromo": { - "regular": "40px", - }, - "sizeArrowWidth": { - "regular": "12px", - }, - "sizeAttributeMargin": { - "regular": "4px", - }, - "sizeAvatarL": { - "regular": "96px", - }, - "sizeAvatarM": { - "regular": "48px", - }, - "sizeAvatarS": { - "regular": "32px", - }, - "sizeAvatarXL": { - "regular": "128px", - }, - "sizeAvatarXS": { - "regular": "24px", - }, - "sizeBadgeL": { - "regular": "44px", - }, - "sizeBadgeM": { - "regular": "24px", - }, - "sizeBadgeS": { - "regular": "16px", - }, - "sizeBadgeXL": { - "regular": "56px", + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, }, - "sizeBadgeXS": { - "regular": "12px", + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, }, - "sizeBasePadding": { - "regular": "16px", + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, }, - "sizeBasePaddingHorizontal": { - "regular": "16px", + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, }, - "sizeBasePaddingVertical": { - "regular": "12px", + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, }, - "sizeBorder1x": { - "regular": "1px", + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, }, - "sizeBorder2x": { - "regular": "0.5px", + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, }, - "sizeBorder3x": { - "regular": "0.33px", + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, }, - "sizeBorderRadius": { - "regular": "8px", + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, + }, }, - "sizeBorderRadiusPaper": { - "regular": "4px", + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, - "sizeBorderRadiusPromo": { - "regular": "20px", + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, - "sizeBorderRadiusRounded": { - "regular": "48px", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "sizeBorderWidthAccent": { - "regular": "8px", + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, }, - "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, }, - "sizeBorderWidthBar": { - "regular": "4px", + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_h0--margin_bottom", + "value": "var(--vkui--font_h0--margin_bottom)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 44px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 52px)", + }, + "marginBottom": { + "name": "--vkui--font_h0--margin_bottom--regular", + "value": "var(--vkui--font_h0--margin_bottom--regular, 20px)", + }, + }, }, - "sizeBorderWidthTab": { - "regular": "2px", + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_h1--margin_bottom", + "value": "var(--vkui--font_h1--margin_bottom)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 32px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 40px)", + }, + "marginBottom": { + "name": "--vkui--font_h1--margin_bottom--regular", + "value": "var(--vkui--font_h1--margin_bottom--regular, 16px)", + }, + }, }, - "sizeBulletMargin": { - "regular": "12px", + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_h2--margin_bottom", + "value": "var(--vkui--font_h2--margin_bottom)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 32px)", + }, + "marginBottom": { + "name": "--vkui--font_h2--margin_bottom--regular", + "value": "var(--vkui--font_h2--margin_bottom--regular, 12px)", + }, + }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, }, - "sizeButtonGroupGapMedium": { - "regular": "12px", + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_title1--margin_bottom", + "value": "var(--vkui--font_title1--margin_bottom)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + "marginBottom": { + "name": "--vkui--font_title1--margin_bottom--regular", + "value": "var(--vkui--font_title1--margin_bottom--regular, 12px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_title2--margin_bottom", + "value": "var(--vkui--font_title2--margin_bottom)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + "marginBottom": { + "name": "--vkui--font_title2--margin_bottom--regular", + "value": "var(--vkui--font_title2--margin_bottom--regular, 12px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, + }, + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, + }, + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, + }, + "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)", + }, + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + }, + "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)", + }, + }, + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + }, + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + }, + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + }, + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + }, + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, }, "sizeButtonIconPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, }, "sizeButtonLargeHeight": { - "regular": "44px", + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, }, "sizeButtonMediumHeight": { - "regular": "36px", + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, }, "sizeButtonMinimumWidth": { - "regular": "80px", + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, }, "sizeButtonMorePadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, }, "sizeButtonPaddingHorizontal": { - "regular": "20px", + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, }, "sizeButtonSliderHeight": { - "regular": "24px", + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, }, "sizeButtonSliderWidth": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, }, "sizeButtonSliderWidthPointer": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, }, "sizeButtonSmallHeight": { - "regular": "30px", + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, }, "sizeCardBorderRadius": { - "regular": "16px", + "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, 16px)", + }, }, "sizeCardgridPadding": { - "regular": "12px", + "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, 12px)", + }, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "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)", + }, }, "sizeCheckBorderRadius": { - "regular": "4px", + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, }, "sizeCheckbox": { - "regular": "16px", + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, "sizeChoiceMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, }, "sizeControlButtonWidthMin": { - "regular": "130px", + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, }, "sizeDivPadding": { - "regular": "4px", + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, }, "sizeDotBullet": { - "regular": "4px", + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, }, "sizeDotClickable": { - "regular": "12px", + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, }, "sizeDotIndicate": { - "regular": "8px", + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, }, "sizeFieldHeight": { - "regular": "40px", + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", + }, }, "sizeFieldHorizontalMargin": { - "regular": "20px", + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, }, "sizeFieldSetMargin": { - "regular": "32px", + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, }, "sizeFieldVerticalMargin": { - "regular": "24px", + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, }, "sizeFieldWidthMin": { - "regular": "328px", + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", + }, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": "20px", + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", + }, }, "sizeIconMargin": { - "regular": "12px", + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", + }, }, "sizeIconMorePadding": { - "regular": "12px", + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, }, "sizeIconUI": { - "regular": "18px", + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", + }, }, "sizeIllustrationL": { - "regular": "144px", + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", + }, + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", + }, }, "sizeIllustrationM": { - "regular": "96px", + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, }, "sizeIllustrationS": { - "regular": "48px", + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", + }, }, "sizeIllustrationXM": { - "regular": "72px", + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", + }, + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, }, "sizeIllustrationXXL": { - "regular": "228px", + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, }, "sizeLabelVerticalMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, }, "sizeLabelWidth": { - "regular": "184px", + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", + }, }, "sizeMenuMargin": { - "regular": "2px", + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", + }, }, "sizeMenuPadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", + }, }, "sizeOptionHierarchy": { - "regular": "32px", + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, }, "sizePanelHeaderHeight": { - "regular": "56px", + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, }, "sizePopupBasePadding": { - "regular": "20px", + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, }, "sizePopupHeaderPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, }, "sizePopupLarge": { - "regular": "880px", - }, - "sizePopupMargin": { - "regular": "8px", - }, - "sizePopupMedium": { - "regular": "680px", + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, }, "sizePopupSmall": { - "regular": "430px", + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, }, "sizeProgress": { - "regular": "4px", + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, }, "sizeProgressScroll": { - "regular": "12px", + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", + }, }, "sizePromoButtonClose": { - "regular": "32px", + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", + }, }, "sizeSearchHeight": { - "regular": "36px", + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, }, "sizeSelectIconPadding": { - "regular": "7px", + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, }, "sizeSliceBottomPadding": { - "regular": "60px", + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, }, "sizeSliceTopPadding": { - "regular": "40px", + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, }, "sizeSwitchHeight": { - "regular": "14px", + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, }, "sizeSwitchPin": { - "regular": "20px", + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, }, "sizeSwitchWidth": { - "regular": "34px", + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, }, "sizeTabMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", + }, + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", + }, }, "sizeTabPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", + }, }, "sizeTableHorizontalPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, }, "sizeTableVerticalPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, }, "sizeTagMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", + }, + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", + }, }, "sizeTagPadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", + }, }, "sizeTipMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", + }, + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", + }, }, "sizeTooltipMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, }, "sizeVerticalPadding": { - "regular": "0px", + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, }, "sizeWysiwygIcon": { - "regular": "14px", + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, otvet)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, otvet)", + }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", + }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", + }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", + }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", + }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", + }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", + }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", + }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", + }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", + }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", + }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", + }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", + }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", + }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", + }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", + }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", + }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", + }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", + }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", + }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", + }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", + }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", + }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeName": "otvetDark", - "themeNameBase": "otvet", - "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "x0": "0px", - "x025": "1px", - "x05": "2px", - "x1": "4px", - "x10": "40px", - "x12": "48px", - "x15": "60px", - "x2": "8px", - "x20": "80px", - "x3": "12px", - "x4": "16px", - "x5": "20px", - "x6": "24px", - "x8": "32px", - "zIndexModal": 99, - "zIndexPopout": 100, } `; -exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` { - "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", - "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", - "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", - "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { "adaptiveValue": "regular", @@ -226384,1305 +235511,1315 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", - "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", - "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", - "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #FF498F)", - "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { - "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #2B2B2C)", - "hover": "var(--vkui--color_background--hover, #222223)", - "normal": "var(--vkui--color_background, #19191A)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2B)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", - "normal": "var(--vkui--color_background_content, #191919)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #414141)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", - "normal": "var(--vkui--color_background_contrast_themed, #303030)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #2B3240)", - "hover": "var(--vkui--color_background_info_tint--hover, #222937)", - "normal": "var(--vkui--color_background_info_tint, #19202f)", + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", - "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", - "normal": "var(--vkui--color_background_positive_tint, #182A22)", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #785C14)", - "hover": "var(--vkui--color_background_warning--hover, #72550A)", - "normal": "var(--vkui--color_background_warning, #6C4E00)", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #41372A)", - "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", - "normal": "var(--vkui--color_background_warning_tint, #302617)", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #222222)", - "hover": "var(--vkui--color_button_contrast--hover, #1F1F1F)", - "normal": "var(--vkui--color_button_contrast, #1B1B1B)", + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", }, "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, transparent)", - "hover": "var(--vkui--color_field_border_alpha--hover, transparent)", - "normal": "var(--vkui--color_field_border_alpha, transparent)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", - "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #BABABA)", - "hover": "var(--vkui--color_icon_primary--hover, #B7B7B7)", - "normal": "var(--vkui--color_icon_primary, #B4B4B4)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #6C6C6C)", - "hover": "var(--vkui--color_icon_secondary--hover, #656565)", - "normal": "var(--vkui--color_icon_secondary, #5F5F5F)", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #FFA614)", - "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { - "active": "var(--vkui--color_rating--active, #FFD714)", - "hover": "var(--vkui--color_rating--hover, #FFD60A)", - "normal": "var(--vkui--color_rating, #ffd400)", + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #494A4B)", - "hover": "var(--vkui--color_search_field_background--hover, #414243)", - "normal": "var(--vkui--color_search_field_background, #393A3B)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #282829)", - "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - "normal": "var(--vkui--color_separator_primary, #151516)", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #323234)", - "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", - "normal": "var(--vkui--color_separator_primary2x, #202022)", + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", - "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", - "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", - "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #6098E2)", - "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", - "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #7F8185)", - "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - "normal": "var(--vkui--color_text_tertiary, #74767A)", + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", }, "colorThumbErrorBackgroundAlpha": { - "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", - "normal": "var(--vkui--color_transparent, transparent)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", - "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "colorsScheme": "var(--vkui--colors_scheme, dark)", - "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", - "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", - "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", }, }, "fontH0": { "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h0--font_size--regular, 44px)", - "fontWeight": "var(--vkui--font_h0--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_h0--line_height--regular, 52px)", - "marginBottom": "var(--vkui--font_h0--margin_bottom--regular, 20px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "44px", + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": "20px", }, }, "fontH1": { "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 32px)", - "fontWeight": "var(--vkui--font_h1--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 40px)", - "marginBottom": "var(--vkui--font_h1--margin_bottom--regular, 16px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": "16px", }, }, "fontH2": { "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_h2--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 32px)", - "marginBottom": "var(--vkui--font_h2--margin_bottom--regular, 12px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": "12px", }, }, "fontHeadline": { "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline1": { "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline2": { "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontSubhead": { "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontText": { "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", - "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 12px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title2--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 700)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", - "marginBottom": "var(--vkui--font_title2--margin_bottom--regular, 12px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": "12px", }, }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", - "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", - "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", - "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", - "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "regular": "8px", }, "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", + "regular": "8px", }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "regular": "12px", }, "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "regular": "40px", }, "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", + "regular": "12px", }, "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + "regular": "4px", }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "regular": "96px", }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "regular": "48px", }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "regular": "32px", }, "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "regular": "128px", }, "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "regular": "24px", }, "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "regular": "44px", }, "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "regular": "24px", }, "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "regular": "16px", }, "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "regular": "56px", }, "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "regular": "12px", }, - "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBase": "4px", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "regular": "12px", }, "sizeBasePadding": { - "regular": "var(--vkui--size_base_padding--regular, 16px)", + "regular": "16px", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": "1px", }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": "0.5px", }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", + "regular": "4px", }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": "20px", }, "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "regular": "48px", }, "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + "regular": "4px", }, "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + "regular": "2px", }, "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "regular": "1px", }, "sizeButtonIconPadding": { - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + "regular": "16px", }, "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "regular": "44px", }, "sizeButtonMediumHeight": { - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "regular": "80px", }, "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "regular": "20px", }, "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + "regular": "24px", }, "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + "regular": "12px", }, "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "regular": "12px", }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": "4px", }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": "16px", }, "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", + "regular": "8px", }, "sizeControlButtonWidthMin": { - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "regular": "130px", }, "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", + "regular": "4px", }, "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + "regular": "4px", }, "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + "regular": "12px", }, "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + "regular": "8px", }, "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", + "regular": "40px", }, "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "regular": "20px", }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": "12px", }, "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "regular": "24px", }, "sizeFieldWidthMin": { - "regular": "var(--vkui--size_field_width_min--regular, 328px)", + "regular": "328px", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "12px", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", + "regular": "20px", }, "sizeIconMargin": { - "regular": "var(--vkui--size_icon_margin--regular, 12px)", + "regular": "12px", }, "sizeIconMorePadding": { - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + "regular": "12px", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 18px)", + "regular": "18px", }, "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", + "regular": "144px", }, "sizeIllustrationM": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", + "regular": "96px", }, "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", + "regular": "48px", }, "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + "regular": "72px", }, "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "regular": "228px", }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": "16px", }, "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "regular": "4px", }, "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", + "regular": "184px", }, "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", + "regular": "2px", }, "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", + "regular": "8px", }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "regular": "32px", }, "sizePanelHeaderHeight": { - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "56px", }, "sizePopupBasePadding": { - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "regular": "20px", }, "sizePopupHeaderPadding": { - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "regular": "16px", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": "880px", }, "sizePopupMargin": { - "regular": "var(--vkui--size_popup_margin--regular, 8px)", + "regular": "8px", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": "680px", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "430px", }, "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", + "regular": "4px", }, "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + "regular": "12px", }, "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + "regular": "32px", }, "sizeSearchHeight": { - "regular": "var(--vkui--size_search_height--regular, 36px)", + "regular": "36px", }, "sizeSelectIconPadding": { - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + "regular": "7px", }, "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "regular": "60px", }, "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "regular": "8px", }, "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeSwitchHeight": { - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "regular": "14px", }, "sizeSwitchPin": { - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "regular": "20px", }, "sizeSwitchWidth": { - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "regular": "34px", }, "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "regular": "8px", }, "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "regular": "16px", }, "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "regular": "16px", }, "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "regular": "16px", }, "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "regular": "8px", }, "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "regular": "8px", }, "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "regular": "4px", }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "regular": "8px", }, "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "regular": "0px", }, "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "regular": "14px", }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, otvetDark)", - "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "otvet", + "themeNameBase": "otvet", "themeType": "pixelify", - "toneValueActive": "var(--vkui--tone_value_active, 0.08)", - "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", - "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", - "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", - "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", - "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", - "typeBorderButton": "var(--vkui--type_border_button, solid)", - "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "x0": "var(--vkui--x0, 0px)", - "x025": "var(--vkui--x025, 1px)", - "x05": "var(--vkui--x05, 2px)", - "x1": "var(--vkui--x1, 4px)", - "x10": "var(--vkui--x10, 40px)", - "x12": "var(--vkui--x12, 48px)", - "x15": "var(--vkui--x15, 60px)", - "x2": "var(--vkui--x2, 8px)", - "x20": "var(--vkui--x20, 80px)", - "x3": "var(--vkui--x3, 12px)", - "x4": "var(--vkui--x4, 16px)", - "x5": "var(--vkui--x5, 20px)", - "x6": "var(--vkui--x6, 24px)", - "x8": "var(--vkui--x8, 32px)", - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` +exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` { - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", "breakpoints": { "desktopS": { "adaptiveValue": "regular", @@ -227690,15774 +236827,15481 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "var(--vkui--color_accent_lime--active, #A9E971)", + "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#F05C44", + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "var(--vkui--color_accent_pink--active, #EB367F)", + "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#2B2B2B", - "normal": "#191919", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundPositiveTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint, #fffce0)", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", }, "colorBackgroundWarningTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, "colorButtonContrast": { - "active": "#222222", - "hover": "#1F1F1F", - "normal": "#1B1B1B", + "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "normal": "var(--vkui--color_button_contrast, #FFFFFF)", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #ffffff)", }, "colorFieldBorderAlpha": { - "active": "transparent", - "hover": "transparent", - "normal": "transparent", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "#BABABA", - "hover": "#B7B7B7", - "normal": "#B4B4B4", + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5F5F5F", + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_icon_warning--active, #EB9305)", + "hover": "var(--vkui--color_icon_warning--hover, #F59802)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.8)", - "hover": "rgba(0, 0, 0, 0.76)", - "normal": "rgba(0, 0, 0, 0.72)", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "active": "var(--vkui--color_rating--active, #EBC405)", + "hover": "var(--vkui--color_rating--hover, #F5CC02)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, "colorTooltipBackgroundBlueTint": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", }, "colorTooltipBackgroundGreenTint": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", }, "colorTooltipBackgroundOrangeTint": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", }, "colorTooltipBackgroundPurpleTint": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, "colorTooltipTextBlueThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, "colorTooltipTextGreenThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", }, "colorTooltipTextOrangeThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, "colorTooltipTextPurpleThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, - "colorsScheme": "dark", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": 14, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": 12, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontH0": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 44, - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": 20, + "fontFamily": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 44px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 52px)", + "marginBottom": "var(--vkui--font_h0--margin_bottom--regular, 20px)", }, }, "fontH1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": 16, + "fontFamily": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 32px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 40px)", + "marginBottom": "var(--vkui--font_h1--margin_bottom--regular, 16px)", }, }, "fontH2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": 12, + "fontFamily": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 32px)", + "marginBottom": "var(--vkui--font_h2--margin_bottom--regular, 12px)", }, }, "fontHeadline": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, "fontHeadline2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, "fontSubhead": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": 12, + "fontFamily": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 12px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": 12, + "fontFamily": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "marginBottom": "var(--vkui--font_title2--margin_bottom--regular, 12px)", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { - "regular": 8, + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowHeight": { - "regular": 8, + "regular": "var(--vkui--size_arrow_height--regular, 8px)", }, "sizeArrowPadding": { - "regular": 12, + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": 40, + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "sizeArrowWidth": { - "regular": 12, + "regular": "var(--vkui--size_arrow_width--regular, 12px)", }, "sizeAttributeMargin": { - "regular": 4, + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", }, "sizeAvatarL": { - "regular": 96, + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, "sizeAvatarM": { - "regular": 48, + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, "sizeAvatarS": { - "regular": 32, + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, "sizeAvatarXL": { - "regular": 128, + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, "sizeAvatarXS": { - "regular": 24, + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, "sizeBadgeL": { - "regular": 44, + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, "sizeBadgeM": { - "regular": 24, + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, "sizeBadgeS": { - "regular": 16, + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, "sizeBadgeXL": { - "regular": 56, + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, "sizeBadgeXS": { - "regular": 12, + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "sizeBase": 4, + "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "regular": 12, + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { - "regular": 16, + "regular": "var(--vkui--size_base_padding--regular, 16px)", }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, "sizeBorder1x": { - "regular": 1, + "regular": "var(--vkui--size_border1x--regular, 1px)", }, "sizeBorder2x": { - "regular": 0.5, + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, "sizeBorder3x": { - "regular": 0.33, + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": 8, + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", }, "sizeBorderRadiusPromo": { - "regular": 20, + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, "sizeBorderRadiusRounded": { - "regular": 48, + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeBorderWidthAccent": { - "regular": 8, + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, "sizeBorderWidthBar": { - "regular": 4, + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", }, "sizeBorderWidthTab": { - "regular": 2, + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", }, "sizeBulletMargin": { - "regular": 12, + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonIconPadding": { - "regular": 16, + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "regular": 44, + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "regular": 36, + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": 80, + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, "sizeButtonMorePadding": { - "regular": 8, + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "regular": 20, + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, "sizeButtonSliderHeight": { - "regular": 24, + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", }, "sizeButtonSliderWidth": { - "regular": 12, + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", }, "sizeButtonSliderWidthPointer": { - "regular": 16, + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "regular": 30, + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": 16, + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", }, "sizeCardgridPadding": { - "regular": 12, + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, "sizeCheckbox": { - "regular": 16, + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, "sizeChoiceMargin": { - "regular": 8, + "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "regular": 130, + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, "sizeDivPadding": { - "regular": 4, + "regular": "var(--vkui--size_div_padding--regular, 4px)", }, "sizeDotBullet": { - "regular": 4, + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", }, "sizeDotClickable": { - "regular": 12, + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", }, "sizeDotIndicate": { - "regular": 8, + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "regular": 40, + "regular": "var(--vkui--size_field_height--regular, 40px)", }, "sizeFieldHorizontalMargin": { - "regular": 20, + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFieldSetMargin": { - "regular": 32, + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "regular": 24, + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { - "regular": 328, + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "sizeGrid": 20, + "sizeGrid": "var(--vkui--size_grid, 20px)", "sizeHeaderIcon": { - "regular": 20, + "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "regular": 12, + "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, "sizeIconMorePadding": { - "regular": 12, + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, "sizeIconUI": { - "regular": 18, + "regular": "var(--vkui--size_icon_u_i--regular, 18px)", }, "sizeIllustrationL": { - "regular": 144, + "regular": "var(--vkui--size_illustration_l--regular, 144px)", }, "sizeIllustrationM": { - "regular": 96, + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, "sizeIllustrationS": { - "regular": 48, + "regular": "var(--vkui--size_illustration_s--regular, 48px)", }, "sizeIllustrationXM": { - "regular": 72, + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, "sizeIllustrationXXL": { - "regular": 228, + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeLabelVerticalMargin": { - "regular": 4, + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, "sizeLabelWidth": { - "regular": 184, + "regular": "var(--vkui--size_label_width--regular, 184px)", }, "sizeMenuMargin": { - "regular": 2, + "regular": "var(--vkui--size_menu_margin--regular, 2px)", }, "sizeMenuPadding": { - "regular": 8, + "regular": "var(--vkui--size_menu_padding--regular, 8px)", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "regular": 56, + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "regular": 20, + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, "sizePopupHeaderPadding": { - "regular": 16, + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { - "regular": 880, + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "regular": 8, + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { - "regular": 680, + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": 430, + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeProgress": { - "regular": 4, + "regular": "var(--vkui--size_progress--regular, 4px)", }, "sizeProgressScroll": { - "regular": 12, + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, "sizePromoButtonClose": { - "regular": 32, + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, "sizeSearchHeight": { - "regular": 36, + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "regular": 7, + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { - "regular": 60, + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, "sizeSliceTopPadding": { - "regular": 40, + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { - "regular": 8, + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "regular": 14, + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "regular": 20, + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "regular": 34, + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { - "regular": 8, + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, "sizeTabPadding": { - "regular": 16, + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, "sizeTableHorizontalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, "sizeTableVerticalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, "sizeTagMargin": { - "regular": 8, + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, "sizeTagPadding": { - "regular": 8, + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, "sizeTipMargin": { - "regular": 4, + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, "sizeVerticalPadding": { - "regular": 0, + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", }, "sizeWysiwygIcon": { - "regular": 14, + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeName": "otvetDark", - "themeNameBase": "otvet", - "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "x0": 0, - "x025": 1, - "x05": 2, - "x1": 4, - "x10": 40, - "x12": 48, - "x15": 60, - "x2": 8, - "x20": 80, - "x3": 12, - "x4": 16, - "x5": 20, - "x6": 24, - "x8": 32, - "zIndexModal": 99, - "zIndexPopout": 100, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, otvet)", + "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` +exports[`shapshots otvet theme should match root theme snapshot 1`] = ` { - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", - }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", - }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", - }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, "colorAccentAzure": { - "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", - }, - "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", - }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", - }, + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", - }, + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", - }, + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", - }, - "hover": { - "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - }, - "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", - }, + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", - }, - "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", - }, - "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", - }, + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", - }, + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", - }, + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - }, - "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", - }, + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", - }, + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", - }, + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", - }, + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { - "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", - }, + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", - }, + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", - }, + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", - }, + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", - }, + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", - }, + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", - }, + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", - }, + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", - }, + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", - }, + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", - }, + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", - }, + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": { - "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", - }, + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", - }, + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", - }, + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", - }, + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundPositiveTintThemed": { - "active": { - "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", - }, + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", - }, + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", - }, + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", - }, + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", - }, + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - }, - "hover": { - "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", - }, + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBDFA4)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", - }, + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { - "active": { - "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #fffce0)", - }, + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", - }, + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorBackgroundWarningTintThemed": { - "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", - }, + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", - }, + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorButtonContrast": { - "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", - }, - "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - }, - "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", - }, + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", }, "colorButtonContrastAlpha": { - "active": { - "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - }, - "hover": { - "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - }, - "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", - }, + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ffffff)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", - }, + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", - }, + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", - }, + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", - }, + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", - }, + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", - }, + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", - }, + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", - }, + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - }, - "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", - }, + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", - }, + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", - }, + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", - }, + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - }, - "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", - }, + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { - "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", - }, - "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", - }, - "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", - }, + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", - }, + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { - "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", - }, + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", - }, + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", - }, + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", - }, + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", - }, + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", - }, + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", - }, + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { - "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", - }, + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", - }, + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", - }, + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", - }, + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { - "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", - }, + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", - }, - "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", - }, + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { - "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", - }, - "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", - }, + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #528FDF)", - }, + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2C2D2E)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", - }, + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", - }, + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", - }, + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", }, "colorThumbErrorBackgroundAlpha": { - "active": { - "name": "--vkui--color_thumb_error_background_alpha--active", - "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - }, - "hover": { - "name": "--vkui--color_thumb_error_background_alpha--hover", - "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - }, - "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", - }, + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", - }, + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, "colorTooltipBackgroundGreenTint": { - "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", - }, + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, "colorTooltipBackgroundOrangeTint": { - "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", - }, + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, "colorTooltipBackgroundPurpleTint": { - "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", - }, + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, "colorTooltipTextBlueThemed": { - "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", - }, + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, "colorTooltipTextGreenThemed": { - "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", - }, + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, "colorTooltipTextOrangeThemed": { - "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", - }, + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, "colorTooltipTextPurpleThemed": { - "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", - }, + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", - }, + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", - }, + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", }, "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", - }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", - }, + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", - }, + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", - }, + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": { - "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, - "hover": { - "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", + }, }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, }, - "elevation1InvertY": { - "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", + }, }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, + }, }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "fontDisplayTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, + }, }, - "elevation4": { - "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", - }, - "fontCaption1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, - }, - }, - "fontCaption1Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight", - "value": "var(--vkui--font_caption1_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height", - "value": "var(--vkui--font_caption1_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform", - "value": "var(--vkui--font_caption1_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, - }, - }, - "fontCaption2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, - }, - }, - "fontCaption2Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family", - "value": "var(--vkui--font_caption2_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size", - "value": "var(--vkui--font_caption2_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight", - "value": "var(--vkui--font_caption2_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height", - "value": "var(--vkui--font_caption2_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform", - "value": "var(--vkui--font_caption2_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size--regular", - "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height--regular", - "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, - }, - }, - "fontCaption3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family", - "value": "var(--vkui--font_caption3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size", - "value": "var(--vkui--font_caption3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight", - "value": "var(--vkui--font_caption3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height", - "value": "var(--vkui--font_caption3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size--regular", - "value": "var(--vkui--font_caption3--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight--regular", - "value": "var(--vkui--font_caption3--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height--regular", - "value": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, - }, - }, - "fontCaption3Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family", - "value": "var(--vkui--font_caption3_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size", - "value": "var(--vkui--font_caption3_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight", - "value": "var(--vkui--font_caption3_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height", - "value": "var(--vkui--font_caption3_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform", - "value": "var(--vkui--font_caption3_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size--regular", - "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height--regular", - "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, - }, - }, - "fontDisplayTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family", - "value": "var(--vkui--font_display_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size", - "value": "var(--vkui--font_display_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight", - "value": "var(--vkui--font_display_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height", - "value": "var(--vkui--font_display_title1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size--regular", - "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, - }, - }, - "fontDisplayTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family", - "value": "var(--vkui--font_display_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size", - "value": "var(--vkui--font_display_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight", - "value": "var(--vkui--font_display_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height", - "value": "var(--vkui--font_display_title2--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--compact", - "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--compact", - "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--regular", - "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, - }, - }, - "fontDisplayTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family", - "value": "var(--vkui--font_display_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size", - "value": "var(--vkui--font_display_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight", - "value": "var(--vkui--font_display_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height", - "value": "var(--vkui--font_display_title3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size--regular", - "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, - }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, + }, }, "fontDisplayTitle4": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family", - "value": "var(--vkui--font_display_title4--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size", - "value": "var(--vkui--font_display_title4--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight", - "value": "var(--vkui--font_display_title4--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height", - "value": "var(--vkui--font_display_title4--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size--regular", - "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", - }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family", - "value": "var(--vkui--font_footnote--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size", - "value": "var(--vkui--font_footnote--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight", - "value": "var(--vkui--font_footnote--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height", - "value": "var(--vkui--font_footnote--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontFootnoteCaps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family", - "value": "var(--vkui--font_footnote_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size", - "value": "var(--vkui--font_footnote_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight", - "value": "var(--vkui--font_footnote_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height", - "value": "var(--vkui--font_footnote_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform", - "value": "var(--vkui--font_footnote_caps--text_transform)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size--regular", - "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight--regular", - "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform--regular", - "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", }, }, "fontH0": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h0--font_size--compact", - "value": "var(--vkui--font_h0--font_size--compact, 44px)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--compact", - "value": "var(--vkui--font_h0--line_height--compact, 52px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 32px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 44, + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": 20, }, }, "fontH1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 32px)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 36px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 28px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": 16, }, }, "fontH2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 28px)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 32px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 26px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": 12, }, }, "fontHeadline": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline--font_family", - "value": "var(--vkui--font_headline--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size", - "value": "var(--vkui--font_headline--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight", - "value": "var(--vkui--font_headline--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height", - "value": "var(--vkui--font_headline--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight--regular", - "value": "var(--vkui--font_headline--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 20px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontHeadline1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontHeadline2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontParagraph": { - "auto": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family", - "value": "var(--vkui--font_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size", - "value": "var(--vkui--font_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight", - "value": "var(--vkui--font_paragraph--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height", - "value": "var(--vkui--font_paragraph--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight--regular", - "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, }, "fontSubhead": { - "auto": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family", - "value": "var(--vkui--font_subhead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size", - "value": "var(--vkui--font_subhead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight", - "value": "var(--vkui--font_subhead--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height", - "value": "var(--vkui--font_subhead--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontText": { - "auto": { - "fontFamily": { - "name": "--vkui--font_text--font_family", - "value": "var(--vkui--font_text--font_family)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size", - "value": "var(--vkui--font_text--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight", - "value": "var(--vkui--font_text--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height", - "value": "var(--vkui--font_text--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight--regular", - "value": "var(--vkui--font_text--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 20px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, "fontTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title1--font_family", - "value": "var(--vkui--font_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size", - "value": "var(--vkui--font_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight", - "value": "var(--vkui--font_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height", - "value": "var(--vkui--font_title1--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--regular", - "value": "var(--vkui--font_title1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": 12, }, }, "fontTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title2--font_family", - "value": "var(--vkui--font_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size", - "value": "var(--vkui--font_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight", - "value": "var(--vkui--font_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height", - "value": "var(--vkui--font_title2--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size--regular", - "value": "var(--vkui--font_title2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 26px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": 12, }, }, "fontTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title3--font_family", - "value": "var(--vkui--font_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size", - "value": "var(--vkui--font_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight", - "value": "var(--vkui--font_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height", - "value": "var(--vkui--font_title3--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, }, }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", - }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", - }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", - }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", - }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 700)", - }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", - }, - "gradient": { - "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - }, - "gradientBlack": { - "name": "--vkui--gradient_black", - "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - }, - "gradientTint": { - "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", - }, - "gradientWhite": { - "name": "--vkui--gradient_white", - "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", - }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", - }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "regular": 8, }, "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", - }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", - }, + "regular": 8, }, "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", - }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", - }, + "regular": 12, }, "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", - }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", - }, + "regular": 40, }, "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", - }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", - }, + "regular": 12, }, "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", - }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", - }, + "regular": 4, }, "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", - }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", - }, + "regular": 96, }, "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", - }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", - }, + "regular": 48, }, "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", - }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", - }, + "regular": 32, }, "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", - }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", - }, + "regular": 128, }, "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", - }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", - }, + "regular": 24, }, "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", - }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", - }, + "regular": 44, }, "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", - }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", - }, + "regular": 24, }, "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", - }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", - }, + "regular": 16, }, "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", - }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", - }, + "regular": 56, }, "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", - }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", - }, - }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", + "regular": 12, }, + "sizeBase": 4, "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", - }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", - }, + "regular": 12, }, "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", - }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", - }, + "regular": 16, }, "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)", - }, + "regular": 16, }, "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", - }, + "regular": 12, }, "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", - }, + "regular": 1, }, "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", - }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", - }, + "regular": 0.5, }, "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", - }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", - }, + "regular": 0.33, }, "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", - }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", - }, + "regular": 8, }, "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", - }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", - }, + "regular": 4, }, "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", - }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", - }, + "regular": 20, }, "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)", - }, + "regular": 48, }, "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", - }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", - }, + "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", - }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, + "regular": 8, }, "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", - }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", - }, + "regular": 4, }, "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", - }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", - }, + "regular": 2, }, "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", - }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", - }, + "regular": 12, }, "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", - }, + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", - }, + "regular": 12, }, "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", - }, + "regular": 8, }, "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", - }, + "regular": 1, }, "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", - }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, + "regular": 16, }, "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", - }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", - }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", - }, + "regular": 44, }, "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", - }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", - }, + "regular": 36, }, "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", - }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, + "regular": 80, }, "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", - }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", - }, + "regular": 8, }, "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", - }, - "compact": { - "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, + "regular": 20, }, "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", - }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", - }, + "regular": 24, }, "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", - }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", - }, + "regular": 12, }, "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", - }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", - }, + "regular": 16, }, "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", - }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", - }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", - }, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", - }, + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", - }, + "regular": 8, }, "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, 16px)", - }, + "regular": 16, }, "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, 12px)", - }, + "regular": 12, }, "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)", - }, + "regular": 8, }, "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", - }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", - }, + "regular": 4, }, "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, + "regular": 16, }, "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", - }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", - }, + "regular": 8, }, "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", - }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 104px)", - }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", - }, + "regular": 130, }, "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", - }, - "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", - }, + "regular": 4, }, "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", - }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", - }, + "regular": 4, }, "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", - }, - "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", - }, + "regular": 12, }, "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", - }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", - }, + "regular": 8, }, "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", - }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", - }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", - }, + "regular": 40, }, "sizeFieldHorizontalMargin": { - "auto": { - "name": "--vkui--size_field_horizontal_margin", - "value": "var(--vkui--size_field_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", - }, + "regular": 20, }, "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, + "regular": 12, }, "sizeFieldSetMargin": { - "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", - }, - "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", - }, + "regular": 32, }, "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", - }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", - }, + "regular": 24, }, "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", - }, - "compact": { - "name": "--vkui--size_field_width_min--compact", - "value": "var(--vkui--size_field_width_min--compact, 380px)", - }, - "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", - }, + "regular": 328, }, "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", - }, - }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "regular": 12, }, + "sizeGrid": 20, "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", - }, - "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", - }, + "regular": 20, }, "sizeIconMargin": { - "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", - }, - "compact": { - "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", - }, - "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", - }, + "regular": 12, }, "sizeIconMorePadding": { - "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", - }, - "compact": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", - }, - "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", - }, + "regular": 12, }, "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, + "regular": 18, }, "sizeIllustrationL": { - "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", - }, - "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", - }, + "regular": 144, }, "sizeIllustrationM": { - "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, + "regular": 96, }, "sizeIllustrationS": { - "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", - }, - "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", - }, + "regular": 48, }, "sizeIllustrationXM": { - "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", - }, - "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", - }, + "regular": 72, }, "sizeIllustrationXXL": { - "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, + "regular": 228, }, "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", - }, + "regular": 16, }, "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", - }, - "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", - }, + "regular": 4, }, "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", - }, - "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", - }, + "regular": 184, }, "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", - }, - "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", - }, + "regular": 2, }, "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", - }, - "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", - }, + "regular": 8, }, "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", - }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", - }, + "regular": 32, }, "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", - }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", - }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", - }, + "regular": 56, }, "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", - }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", - }, + "regular": 20, }, "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", - }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", - }, + "regular": 16, }, "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", - }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", - }, + "regular": 880, }, "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", - }, - "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", - }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", - }, + "regular": 8, }, "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", - }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", - }, + "regular": 680, }, "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", - }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", - }, + "regular": 430, }, "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", - }, + "regular": 4, }, "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", - }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", - }, + "regular": 12, }, "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", - }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", - }, + "regular": 32, }, "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", - }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", - }, + "regular": 36, }, "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", - }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", - }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", - }, + "regular": 7, }, "sizeSliceBottomPadding": { - "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", - }, - "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", - }, + "regular": 60, }, "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", - }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", - }, + "regular": 40, }, "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", - }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", - }, + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", - }, + "regular": 12, }, "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", - }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", - }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", - }, + "regular": 14, }, "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", - }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", - }, + "regular": 20, }, "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", - }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", - }, + "regular": 34, }, "sizeTabMargin": { - "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", - }, - "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", - }, + "regular": 8, }, "sizeTabPadding": { - "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", - }, - "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTableHorizontalPadding": { - "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTableVerticalPadding": { - "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTagMargin": { - "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", - }, - "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", - }, + "regular": 8, }, "sizeTagPadding": { - "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", - }, - "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", - }, + "regular": 8, }, "sizeTipMargin": { - "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", - }, - "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", - }, + "regular": 4, }, "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", - }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", - }, + "regular": 8, }, "sizeVerticalPadding": { - "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", - }, + "regular": 0, }, "sizeWysiwygIcon": { - "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", - }, - "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", - }, - }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", - }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", - }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", - }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", - }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", - }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", - }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", - }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", - }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, paradigmBase)", - }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", - }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", - }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", - }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", - }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", - }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", - }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", - }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", - }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", - }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", - }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", - }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", - }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", - }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", - }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", - }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", - }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", - }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", - }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", - }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", - }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "regular": 14, }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "otvet", + "themeNameBase": "otvet", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, -} -`; - -exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = ` -{ - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", + }, }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077ff)", + }, }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", + }, }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #9C9DA2)", + }, }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #BEFC80)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", + }, }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#F05C44", + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + }, }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #FF498F)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #FF418A)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", + }, }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + }, }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EE431E)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED330A)", + }, }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", + }, }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + }, }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #19191A)", + }, }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + }, }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", + }, }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + }, }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #191919)", + }, }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", + }, }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2B3240)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #222937)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #19202f)", + }, }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #303030)", + }, }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #FF5C5C)", + }, }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", - }, - "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", - }, + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", + }, + }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", + }, + }, + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + }, + }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #182A22)", + }, }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, }, "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + }, }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #2A2A2B)", + }, }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #363636)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #252525)", + }, }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + }, }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #785C14)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #72550A)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #6C4E00)", + }, }, "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #41372A)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #302617)", + }, }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + }, }, "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + }, }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, }, "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #222222)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #1F1F1F)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #1B1B1B)", + }, }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + }, }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #232324)", + }, }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, transparent)", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, transparent)", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, transparent)", + }, }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #232324)", + }, }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077FF)", + }, }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + }, }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #B0B1B6)", + }, }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + }, }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", + }, }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #BABABA)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #B7B7B7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #B4B4B4)", + }, }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #5F5F5F)", + }, }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + }, }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #83848A)", + }, }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + }, }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FF9E00)", + }, }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + }, }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #393A3B)", + }, }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + }, }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", + }, }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", + }, }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #FFD714)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #FFD60A)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #393A3B)", + }, }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #626364)", + }, }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #282829)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #151516)", + }, }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #323234)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #202022)", + }, }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + }, }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + }, }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #181818)", + }, }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + }, }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", + }, }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077FF)", + }, }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + }, }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #1A85FF)", + }, }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + }, }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #238AFF)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #1A85FF)", + }, }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #6098E2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #E7E8EA)", + }, }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #FF5C5C)", + }, }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #E7E8EA)", + }, }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #95979D)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #8C8E94)", + }, }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", + }, }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #74767A)", + }, }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, }, "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + }, }, "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + }, }, "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + }, }, "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + }, }, "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + }, }, "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + }, }, "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + }, }, "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + }, }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #525354)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #434445)", + }, }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", + }, }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + }, }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "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))", + }, + "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))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", }, - "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, }, }, "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, }, }, "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, }, }, "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, }, }, "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, }, }, "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, }, }, "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "23px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, }, }, "fontDisplayTitle2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "lineHeight": "22px", + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "21px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, }, }, "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, }, }, "fontDisplayTitle4": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, }, - }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", - "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, }, }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", - }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, - "fontH0": { - "compact": { - "fontSize": "44px", - "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", - }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, - "fontH1": { - "compact": { - "fontSize": "32px", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", - }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, }, }, - "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", - }, - }, - "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_h0--margin_bottom", + "value": "var(--vkui--font_h0--margin_bottom)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 44px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 52px)", + }, + "marginBottom": { + "name": "--vkui--font_h0--margin_bottom--regular", + "value": "var(--vkui--font_h0--margin_bottom--regular, 20px)", + }, + }, + }, + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_h1--margin_bottom", + "value": "var(--vkui--font_h1--margin_bottom)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 32px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 40px)", + }, + "marginBottom": { + "name": "--vkui--font_h1--margin_bottom--regular", + "value": "var(--vkui--font_h1--margin_bottom--regular, 16px)", + }, + }, + }, + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_h2--margin_bottom", + "value": "var(--vkui--font_h2--margin_bottom)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 32px)", + }, + "marginBottom": { + "name": "--vkui--font_h2--margin_bottom--regular", + "value": "var(--vkui--font_h2--margin_bottom--regular, 12px)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, }, }, "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, }, }, "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_title1--margin_bottom", + "value": "var(--vkui--font_title1--margin_bottom)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + "marginBottom": { + "name": "--vkui--font_title1--margin_bottom--regular", + "value": "var(--vkui--font_title1--margin_bottom--regular, 12px)", + }, }, }, "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + "marginBottom": { + "name": "--vkui--font_title2--margin_bottom", + "value": "var(--vkui--font_title2--margin_bottom)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + "marginBottom": { + "name": "--vkui--font_title2--margin_bottom--regular", + "value": "var(--vkui--font_title2--margin_bottom--regular, 12px)", + }, }, }, "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, }, }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, "sizeArrow": { - "regular": "8px", + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, "sizeArrowHeight": { - "regular": "8px", + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, }, "sizeArrowPadding": { - "regular": "12px", + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, }, "sizeArrowPromo": { - "regular": "40px", + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, }, "sizeArrowWidth": { - "regular": "12px", + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, }, "sizeAttributeMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, }, "sizeAvatarL": { - "regular": "96px", + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, }, "sizeAvatarM": { - "regular": "48px", + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, }, "sizeAvatarS": { - "regular": "32px", + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, }, "sizeAvatarXL": { - "regular": "128px", + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, }, "sizeAvatarXS": { - "regular": "24px", + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, }, "sizeBadgeL": { - "regular": "44px", + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, }, "sizeBadgeM": { - "regular": "24px", + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, }, "sizeBadgeS": { - "regular": "16px", + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, }, "sizeBadgeXL": { - "regular": "56px", + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, }, "sizeBadgeXS": { - "regular": "12px", + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "sizeBase": "4px", "sizeBaseMargin": { - "regular": "12px", + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, }, "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "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)", + }, }, "sizeBasePaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, }, "sizeBorder1x": { - "regular": "1px", + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, "sizeBorder2x": { - "regular": "0.5px", + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, }, "sizeBorder3x": { - "regular": "0.33px", + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, }, "sizeBorderRadius": { - "regular": "8px", + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + }, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "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)", + }, }, "sizeBorderWidthAccent": { - "regular": "8px", + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, }, "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, }, "sizeBorderWidthBar": { - "regular": "4px", + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, }, "sizeBorderWidthTab": { - "regular": "2px", + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, }, "sizeBulletMargin": { - "regular": "12px", + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, }, "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, }, "sizeButtonMinimumWidth": { - "regular": "80px", + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, }, "sizeButtonMorePadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, }, "sizeButtonSliderHeight": { - "regular": "24px", - }, + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + }, "sizeButtonSliderWidth": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, }, "sizeButtonSliderWidthPointer": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, }, "sizeCardBorderRadius": { - "regular": "16px", + "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, 16px)", + }, }, "sizeCardgridPadding": { - "regular": "12px", + "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, 12px)", + }, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "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)", + }, }, "sizeCheckBorderRadius": { - "regular": "4px", + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, }, "sizeCheckbox": { - "regular": "16px", + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, "sizeChoiceMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, }, "sizeDivPadding": { - "regular": "4px", + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, }, "sizeDotBullet": { - "regular": "4px", + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, }, "sizeDotClickable": { - "regular": "12px", + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, }, "sizeDotIndicate": { - "regular": "8px", + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", + }, }, "sizeFieldHorizontalMargin": { - "regular": "20px", + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, }, "sizeFieldSetMargin": { - "regular": "32px", + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, }, "sizeFieldVerticalMargin": { - "regular": "24px", + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, }, "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", + }, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": "20px", + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", + }, }, "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", + }, }, "sizeIconMorePadding": { - "compact": "8px", - "regular": "12px", + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, }, "sizeIconUI": { - "regular": "16px", + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", + }, }, "sizeIllustrationL": { - "regular": "144px", + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", + }, + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", + }, }, "sizeIllustrationM": { - "regular": "96px", + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, }, "sizeIllustrationS": { - "regular": "48px", + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", + }, }, "sizeIllustrationXM": { - "regular": "72px", + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", + }, + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, }, "sizeIllustrationXXL": { - "regular": "228px", + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, }, "sizeLabelVerticalMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, }, "sizeLabelWidth": { - "regular": "184px", + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", + }, }, "sizeMenuMargin": { - "regular": "2px", + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", + }, }, "sizeMenuPadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", + }, }, "sizeOptionHierarchy": { - "regular": "32px", + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, }, "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, }, "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, }, "sizePopupLarge": { - "regular": "880px", + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, }, "sizePopupMargin": { - "compact": "24px", - "regular": "8px", + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", + }, }, "sizePopupMedium": { - "regular": "680px", + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, }, "sizePopupSmall": { - "regular": "430px", + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, }, "sizeProgress": { - "regular": "4px", + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, }, "sizeProgressScroll": { - "regular": "12px", + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", + }, }, "sizePromoButtonClose": { - "regular": "32px", + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", + }, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, }, "sizeSliceBottomPadding": { - "regular": "60px", + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, }, "sizeSliceTopPadding": { - "regular": "40px", + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, }, "sizeTabMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", + }, + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", + }, }, "sizeTabPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", + }, }, "sizeTableHorizontalPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, }, "sizeTableVerticalPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, }, "sizeTagMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", + }, + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", + }, }, "sizeTagPadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", + }, }, "sizeTipMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", + }, + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", + }, }, "sizeTooltipMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, }, "sizeVerticalPadding": { - "regular": "0px", + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, }, "sizeWysiwygIcon": { - "regular": "14px", + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, otvetDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, otvet)", + }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", + }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", + }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", + }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", + }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", + }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", + }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", + }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", + }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", + }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", + }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", + }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", + }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", + }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", + }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", + }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", + }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", + }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", + }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", + }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", + }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", + }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", + }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeName": "paradigmBase", - "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": "0px", - "x025": "1px", - "x05": "2px", - "x1": "4px", - "x10": "40px", - "x12": "48px", - "x15": "60px", - "x2": "8px", - "x20": "80px", - "x3": "12px", - "x4": "16px", - "x5": "20px", - "x6": "24px", - "x8": "32px", - "zIndexModal": 99, - "zIndexPopout": 100, } `; -exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` { - "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", - "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", - "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", - "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A9E971)", - "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", - "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #EB367F)", - "hover": "var(--vkui--color_accent_pink--hover, #F53782)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { - "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", - }, + "active": "#2B2B2B", + "hover": "#2B2B2B", + "normal": "#191919", + }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_modal_inverse, #303030)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", }, "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint, #fffce0)", + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", - "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + "active": "#222222", + "hover": "#1F1F1F", + "normal": "#1B1B1B", }, "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #ffffff)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "active": "transparent", + "hover": "transparent", + "normal": "transparent", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "active": "#BABABA", + "hover": "#B7B7B7", + "normal": "#B4B4B4", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5F5F5F", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EB9305)", - "hover": "var(--vkui--color_icon_warning--hover, #F59802)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { - "active": "var(--vkui--color_rating--active, #EBC405)", - "hover": "var(--vkui--color_rating--hover, #F5CC02)", - "normal": "var(--vkui--color_rating, #ffd400)", + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", - "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #EBECEF)", - "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", - "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2C2D2E)", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #797A80)", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { - "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #DADCE0)", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--color_transparent, transparent)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", - "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", - "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "colorsScheme": "dark", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { - "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", - }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", }, }, "fontH0": { - "compact": { - "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", - "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", - }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", - "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "44px", + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": "20px", }, }, "fontH1": { - "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", - }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": "16px", }, }, "fontH2": { - "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", - }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": "12px", }, }, "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontSubhead": { - "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": "12px", }, }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", - "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", - "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", - "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", - "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "regular": "8px", }, "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", + "regular": "8px", }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "regular": "12px", }, "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "regular": "40px", }, "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", + "regular": "12px", }, "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + "regular": "4px", }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "regular": "96px", }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "regular": "48px", }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "regular": "32px", }, "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "regular": "128px", }, "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "regular": "24px", }, "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "regular": "44px", }, "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "regular": "24px", }, "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "regular": "16px", }, "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "regular": "56px", }, "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "regular": "12px", }, - "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBase": "4px", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "regular": "12px", }, "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", + "regular": "16px", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": "1px", }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": "0.5px", }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "regular": "4px", }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": "20px", }, "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "regular": "48px", }, "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + "regular": "4px", }, "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + "regular": "2px", }, "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "regular": "80px", }, "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "regular": "20px", }, "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + "regular": "24px", }, "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + "regular": "12px", }, "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "regular": "12px", }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": "4px", }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": "16px", }, "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", + "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "regular": "130px", }, "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", + "regular": "4px", }, "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + "regular": "4px", }, "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + "regular": "12px", }, "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + "regular": "8px", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "regular": "40px", }, "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "regular": "20px", }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": "12px", }, "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", - "regular": "var(--vkui--size_field_width_min--regular, 328px)", + "regular": "328px", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "12px", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", + "regular": "20px", }, "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 8px)", - "regular": "var(--vkui--size_icon_margin--regular, 12px)", + "regular": "12px", }, "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + "regular": "12px", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": "18px", }, "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", + "regular": "144px", }, "sizeIllustrationM": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", + "regular": "96px", }, "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", + "regular": "48px", }, "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + "regular": "72px", }, "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "regular": "228px", }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": "16px", }, "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "regular": "4px", }, "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", + "regular": "184px", }, "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", + "regular": "2px", }, "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", + "regular": "8px", }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "regular": "16px", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": "880px", }, "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", - "regular": "var(--vkui--size_popup_margin--regular, 8px)", + "regular": "8px", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": "680px", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "430px", }, "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", + "regular": "4px", }, "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + "regular": "12px", }, "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + "regular": "32px", }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + "regular": "7px", }, "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "regular": "60px", }, "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "regular": "8px", }, "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "regular": "34px", }, "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "regular": "8px", }, "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "regular": "16px", }, "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "regular": "16px", }, "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "regular": "16px", }, "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "regular": "8px", }, "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "regular": "8px", }, "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "regular": "4px", }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "regular": "8px", }, "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "regular": "0px", }, "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "regular": "14px", }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, paradigmBase)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "otvetDark", + "themeNameBase": "otvet", "themeType": "pixelify", - "toneValueActive": "var(--vkui--tone_value_active, 0.08)", - "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", - "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", - "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", - "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", - "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", - "typeBorderButton": "var(--vkui--type_border_button, solid)", - "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", - "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", - "x0": "var(--vkui--x0, 0px)", - "x025": "var(--vkui--x025, 1px)", - "x05": "var(--vkui--x05, 2px)", - "x1": "var(--vkui--x1, 4px)", - "x10": "var(--vkui--x10, 40px)", - "x12": "var(--vkui--x12, 48px)", - "x15": "var(--vkui--x15, 60px)", - "x2": "var(--vkui--x2, 8px)", - "x20": "var(--vkui--x20, 80px)", - "x3": "var(--vkui--x3, 12px)", - "x4": "var(--vkui--x4, 16px)", - "x5": "var(--vkui--x5, 20px)", - "x6": "var(--vkui--x6, 24px)", - "x8": "var(--vkui--x8, 32px)", - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` +exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = ` { - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": "var(--vkui--color_accent_lime--active, #BEFC80)", + "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#F05C44", + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "var(--vkui--color_accent_pink--active, #FF498F)", + "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #191919)", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "var(--vkui--color_background_info_tint--active, #2B3240)", + "hover": "var(--vkui--color_background_info_tint--hover, #222937)", + "normal": "var(--vkui--color_background_info_tint, #19202f)", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", + "normal": "var(--vkui--color_background_positive_tint, #182A22)", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", }, "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "var(--vkui--color_background_warning_tint--active, #41372A)", + "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", + "normal": "var(--vkui--color_background_warning_tint, #302617)", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_contrast--active, #222222)", + "hover": "var(--vkui--color_button_contrast--hover, #1F1F1F)", + "normal": "var(--vkui--color_button_contrast, #1B1B1B)", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "var(--vkui--color_field_border_alpha--active, transparent)", + "hover": "var(--vkui--color_field_border_alpha--hover, transparent)", + "normal": "var(--vkui--color_field_border_alpha, transparent)", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_primary--active, #BABABA)", + "hover": "var(--vkui--color_icon_primary--hover, #B7B7B7)", + "normal": "var(--vkui--color_icon_primary, #B4B4B4)", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "var(--vkui--color_icon_secondary--active, #6C6C6C)", + "hover": "var(--vkui--color_icon_secondary--hover, #656565)", + "normal": "var(--vkui--color_icon_secondary, #5F5F5F)", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "var(--vkui--color_icon_warning--active, #FFA614)", + "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "var(--vkui--color_rating--active, #FFD714)", + "hover": "var(--vkui--color_rating--hover, #FFD60A)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "var(--vkui--color_search_field_background--active, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "var(--vkui--color_separator_primary2x--active, #323234)", + "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "normal": "var(--vkui--color_separator_primary2x, #202022)", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", + "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "var(--vkui--color_text_link_visited--active, #6098E2)", + "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", }, "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", }, "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", }, "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", }, "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", }, "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", }, "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", }, "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, - "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, - }, - }, + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": 14, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": 12, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "lineHeight": 22, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, + "fontFamily": "var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 44px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 52px)", + "marginBottom": "var(--vkui--font_h0--margin_bottom--regular, 20px)", }, }, "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 32px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 40px)", + "marginBottom": "var(--vkui--font_h1--margin_bottom--regular, 16px)", }, }, "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 32px)", + "marginBottom": "var(--vkui--font_h2--margin_bottom--regular, 12px)", }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 12px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 700)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "marginBottom": "var(--vkui--font_title2--margin_bottom--regular, 12px)", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { - "regular": 8, + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowHeight": { - "regular": 8, + "regular": "var(--vkui--size_arrow_height--regular, 8px)", }, "sizeArrowPadding": { - "regular": 12, + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": 40, + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "sizeArrowWidth": { - "regular": 12, + "regular": "var(--vkui--size_arrow_width--regular, 12px)", }, "sizeAttributeMargin": { - "regular": 4, + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", }, "sizeAvatarL": { - "regular": 96, + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, "sizeAvatarM": { - "regular": 48, + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, "sizeAvatarS": { - "regular": 32, + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, "sizeAvatarXL": { - "regular": 128, + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, "sizeAvatarXS": { - "regular": 24, + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, "sizeBadgeL": { - "regular": 44, + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, "sizeBadgeM": { - "regular": 24, + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, "sizeBadgeS": { - "regular": 16, + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, "sizeBadgeXL": { - "regular": 56, + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, "sizeBadgeXS": { - "regular": 12, + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "sizeBase": 4, + "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "regular": 12, + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { - "compact": 20, - "regular": 16, + "regular": "var(--vkui--size_base_padding--regular, 16px)", }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, "sizeBorder1x": { - "regular": 1, + "regular": "var(--vkui--size_border1x--regular, 1px)", }, "sizeBorder2x": { - "regular": 0.5, + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, "sizeBorder3x": { - "regular": 0.33, + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": 8, + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", }, "sizeBorderRadiusPromo": { - "regular": 20, + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, "sizeBorderRadiusRounded": { - "regular": 48, + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeBorderWidthAccent": { - "regular": 8, + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, "sizeBorderWidthBar": { - "regular": 4, + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", }, "sizeBorderWidthTab": { - "regular": 2, + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", }, "sizeBulletMargin": { - "regular": 12, + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": 80, + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, "sizeButtonMorePadding": { - "regular": 8, + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, "sizeButtonSliderHeight": { - "regular": 24, + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", }, "sizeButtonSliderWidth": { - "regular": 12, + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", }, "sizeButtonSliderWidthPointer": { - "regular": 16, + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": 16, + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", }, "sizeCardgridPadding": { - "regular": 12, + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, "sizeCheckbox": { - "regular": 16, + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, "sizeChoiceMargin": { - "regular": 8, + "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, "sizeDivPadding": { - "regular": 4, + "regular": "var(--vkui--size_div_padding--regular, 4px)", }, "sizeDotBullet": { - "regular": 4, + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", }, "sizeDotClickable": { - "regular": 12, + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", }, "sizeDotIndicate": { - "regular": 8, + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "regular": "var(--vkui--size_field_height--regular, 40px)", }, "sizeFieldHorizontalMargin": { - "regular": 20, + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFieldSetMargin": { - "regular": 32, + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "regular": 24, + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "sizeGrid": 20, + "sizeGrid": "var(--vkui--size_grid, 20px)", "sizeHeaderIcon": { - "regular": 20, + "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "compact": 8, - "regular": 12, + "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, "sizeIconMorePadding": { - "compact": 8, - "regular": 12, + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, "sizeIconUI": { - "regular": 16, + "regular": "var(--vkui--size_icon_u_i--regular, 18px)", }, "sizeIllustrationL": { - "regular": 144, + "regular": "var(--vkui--size_illustration_l--regular, 144px)", }, "sizeIllustrationM": { - "regular": 96, + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, "sizeIllustrationS": { - "regular": 48, + "regular": "var(--vkui--size_illustration_s--regular, 48px)", }, "sizeIllustrationXM": { - "regular": 72, + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, "sizeIllustrationXXL": { - "regular": 228, + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeLabelVerticalMargin": { - "regular": 4, + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, "sizeLabelWidth": { - "regular": 184, + "regular": "var(--vkui--size_label_width--regular, 184px)", }, "sizeMenuMargin": { - "regular": 2, + "regular": "var(--vkui--size_menu_margin--regular, 2px)", }, "sizeMenuPadding": { - "regular": 8, + "regular": "var(--vkui--size_menu_padding--regular, 8px)", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { - "regular": 880, + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "compact": 24, - "regular": 8, + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { - "regular": 680, + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": 430, + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeProgress": { - "regular": 4, + "regular": "var(--vkui--size_progress--regular, 4px)", }, "sizeProgressScroll": { - "regular": 12, + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, "sizePromoButtonClose": { - "regular": 32, + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { - "regular": 60, + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, "sizeSliceTopPadding": { - "regular": 40, + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { - "regular": 8, + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { - "regular": 8, + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, "sizeTabPadding": { - "regular": 16, + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, "sizeTableHorizontalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, "sizeTableVerticalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, "sizeTagMargin": { - "regular": 8, + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, "sizeTagPadding": { - "regular": 8, + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, "sizeTipMargin": { - "regular": 4, + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, "sizeVerticalPadding": { - "regular": 0, + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", }, "sizeWysiwygIcon": { - "regular": 14, + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeName": "paradigmBase", - "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": 0, - "x025": 1, - "x05": 2, - "x1": 4, - "x10": 40, - "x12": 48, - "x15": 60, - "x2": 8, - "x20": 80, - "x3": 12, - "x4": 16, - "x5": 20, - "x6": 24, - "x8": 32, - "zIndexModal": 99, - "zIndexPopout": 100, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, otvetDark)", + "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` { - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", - }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", - }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", - }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", - }, - "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", - }, + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #9C9DA2)", - }, + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #BEFC80)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", - }, + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", - }, - "hover": { - "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", - }, - "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", - }, + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", - }, - "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", - }, - "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", - }, + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #FF498F)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #FF418A)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", - }, + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", - }, + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - }, - "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", - }, + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", - }, + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #C66AF4)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", - }, + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", - }, + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { - "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", - }, + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", - }, + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", - }, + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", - }, + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", - }, + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { - "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", - }, - }, + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, "colorBackgroundAccentTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #353536)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", - }, + "active": "#2B2B2B", + "hover": "#2B2B2B", + "normal": "#191919", }, "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", - }, + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", - }, + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #414141)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #303030)", - }, + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2B3240)", - }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #222937)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #19202f)", - }, + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #414141)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #383838)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #303030)", - }, + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", - }, + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", - }, + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": { - "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", - }, + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #182A22)", - }, + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", }, "colorBackgroundPositiveTintAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", - }, + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "colorBackgroundPositiveTintThemed": { - "active": { - "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", - }, + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", - }, + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", - }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", - }, + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #363636)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", - }, + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", - }, + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #6C4E00)", - }, + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": { - "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #41372A)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #302617)", - }, + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", }, "colorBackgroundWarningTintAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", - }, + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, "colorBackgroundWarningTintThemed": { - "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", - }, + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundWarningTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", - }, - "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #29292A)", - }, - "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #252526)", - }, + "active": "#222222", + "hover": "#1F1F1F", + "normal": "#1B1B1B", }, "colorButtonContrastAlpha": { - "active": { - "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", - }, - "hover": { - "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", - }, - "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", - }, + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", - }, + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", - }, + "active": "transparent", + "hover": "transparent", + "normal": "transparent", }, "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #353536)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #232324)", - }, + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", - }, + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B0B1B6)", - }, + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", - }, + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", - }, + "active": "#BABABA", + "hover": "#B7B7B7", + "normal": "#B4B4B4", }, "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", - }, + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5F5F5F", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", - }, + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", - }, + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", - }, - "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", - }, + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", - }, + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", - }, + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #494A4B)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", - }, + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", - }, + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { - "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", - }, - "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", - }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", - }, + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", - }, + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { - "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #FFD714)", - }, - "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #FFD60A)", - }, - "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", - }, + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #494A4B)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #414243)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", - }, + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { - "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", - }, - "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", - }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", - }, + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #282829)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #151516)", - }, + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #323234)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #202022)", - }, + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #353537)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", - }, + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", - }, + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", - }, - }, + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #3E3F40)", - }, + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", - }, - "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", - }, + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", - }, + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", - }, + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - }, - "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", - }, + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #6098E2)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #528FDF)", - }, + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #E7E8EA)", - }, + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", - }, + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #95979D)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", - }, + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", - }, + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #74767A)", - }, + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { - "active": { - "name": "--vkui--color_thumb_error_background_alpha--active", - "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - }, - "hover": { - "name": "--vkui--color_thumb_error_background_alpha--hover", - "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - }, - "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", - }, + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", - }, + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, "colorTooltipBackgroundGreenTint": { - "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", - }, + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, "colorTooltipBackgroundOrangeTint": { - "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", - }, + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, "colorTooltipBackgroundPurpleTint": { - "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", - }, + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, "colorTooltipTextBlueThemed": { - "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextGreenThemed": { - "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextOrangeThemed": { - "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextPurpleThemed": { - "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #525354)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", - }, + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", - }, + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", }, "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", - }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", - }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", - }, + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", - }, + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2C2D2E)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { - "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))", - }, - "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))", - }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", - }, - }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", - }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", - }, - "elevation1InvertY": { - "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", - }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", - }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", - }, - "elevation4": { - "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, + "colorsScheme": "dark", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, }, "fontCaption1Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight", - "value": "var(--vkui--font_caption1_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height", - "value": "var(--vkui--font_caption1_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform", - "value": "var(--vkui--font_caption1_caps--text_transform)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", }, }, "fontCaption2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption2Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family", - "value": "var(--vkui--font_caption2_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size", - "value": "var(--vkui--font_caption2_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight", - "value": "var(--vkui--font_caption2_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height", - "value": "var(--vkui--font_caption2_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform", - "value": "var(--vkui--font_caption2_caps--text_transform)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size--regular", - "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height--regular", - "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", }, }, "fontCaption3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family", - "value": "var(--vkui--font_caption3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size", - "value": "var(--vkui--font_caption3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight", - "value": "var(--vkui--font_caption3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height", - "value": "var(--vkui--font_caption3--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size--regular", - "value": "var(--vkui--font_caption3--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight--regular", - "value": "var(--vkui--font_caption3--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height--regular", - "value": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, }, "fontCaption3Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family", - "value": "var(--vkui--font_caption3_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size", - "value": "var(--vkui--font_caption3_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight", - "value": "var(--vkui--font_caption3_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height", - "value": "var(--vkui--font_caption3_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform", - "value": "var(--vkui--font_caption3_caps--text_transform)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size--regular", - "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height--regular", - "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family", - "value": "var(--vkui--font_display_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size", - "value": "var(--vkui--font_display_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight", - "value": "var(--vkui--font_display_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height", - "value": "var(--vkui--font_display_title1--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size--regular", - "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontDisplayTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family", - "value": "var(--vkui--font_display_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size", - "value": "var(--vkui--font_display_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight", - "value": "var(--vkui--font_display_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height", - "value": "var(--vkui--font_display_title2--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--compact", - "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--compact", - "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--regular", - "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontDisplayTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family", - "value": "var(--vkui--font_display_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size", - "value": "var(--vkui--font_display_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight", - "value": "var(--vkui--font_display_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height", - "value": "var(--vkui--font_display_title3--line_height)", - }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, }, + }, + "fontDisplayTitle4": { "regular": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size--regular", - "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, - }, - }, - "fontDisplayTitle4": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family", - "value": "var(--vkui--font_display_title4--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size", - "value": "var(--vkui--font_display_title4--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight", - "value": "var(--vkui--font_display_title4--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height", - "value": "var(--vkui--font_display_title4--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size--regular", - "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", - }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family", - "value": "var(--vkui--font_footnote--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size", - "value": "var(--vkui--font_footnote--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight", - "value": "var(--vkui--font_footnote--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height", - "value": "var(--vkui--font_footnote--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontFootnoteCaps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family", - "value": "var(--vkui--font_footnote_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size", - "value": "var(--vkui--font_footnote_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight", - "value": "var(--vkui--font_footnote_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height", - "value": "var(--vkui--font_footnote_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform", - "value": "var(--vkui--font_footnote_caps--text_transform)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size--regular", - "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight--regular", - "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform--regular", - "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", }, }, "fontH0": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h0--font_size--compact", - "value": "var(--vkui--font_h0--font_size--compact, 44px)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--compact", - "value": "var(--vkui--font_h0--line_height--compact, 52px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 32px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 44, + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": 20, }, }, "fontH1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 32px)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 36px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 28px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": 16, }, }, "fontH2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 28px)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 32px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 26px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": 12, }, }, "fontHeadline": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline--font_family", - "value": "var(--vkui--font_headline--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size", - "value": "var(--vkui--font_headline--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight", - "value": "var(--vkui--font_headline--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height", - "value": "var(--vkui--font_headline--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight--regular", - "value": "var(--vkui--font_headline--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 20px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontHeadline1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontHeadline2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontParagraph": { - "auto": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family", - "value": "var(--vkui--font_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size", - "value": "var(--vkui--font_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight", - "value": "var(--vkui--font_paragraph--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height", - "value": "var(--vkui--font_paragraph--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight--regular", - "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, }, "fontSubhead": { - "auto": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family", - "value": "var(--vkui--font_subhead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size", - "value": "var(--vkui--font_subhead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight", - "value": "var(--vkui--font_subhead--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height", - "value": "var(--vkui--font_subhead--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontText": { - "auto": { - "fontFamily": { - "name": "--vkui--font_text--font_family", - "value": "var(--vkui--font_text--font_family)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size", - "value": "var(--vkui--font_text--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight", - "value": "var(--vkui--font_text--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height", - "value": "var(--vkui--font_text--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight--regular", - "value": "var(--vkui--font_text--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 20px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, "fontTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title1--font_family", - "value": "var(--vkui--font_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size", - "value": "var(--vkui--font_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight", - "value": "var(--vkui--font_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height", - "value": "var(--vkui--font_title1--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--regular", - "value": "var(--vkui--font_title1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": 12, }, }, "fontTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title2--font_family", - "value": "var(--vkui--font_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size", - "value": "var(--vkui--font_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight", - "value": "var(--vkui--font_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height", - "value": "var(--vkui--font_title2--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size--regular", - "value": "var(--vkui--font_title2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 26px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": 12, }, }, "fontTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title3--font_family", - "value": "var(--vkui--font_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size", - "value": "var(--vkui--font_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight", - "value": "var(--vkui--font_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height", - "value": "var(--vkui--font_title3--line_height)", - }, - }, "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, }, }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", - }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", - }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", - }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", - }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 700)", - }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", - }, - "gradient": { - "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", - }, - "gradientBlack": { - "name": "--vkui--gradient_black", - "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - }, - "gradientTint": { - "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", - }, - "gradientWhite": { - "name": "--vkui--gradient_white", - "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", - }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", - }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "regular": 8, }, "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", - }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", - }, + "regular": 8, }, "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", - }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", - }, + "regular": 12, }, "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", - }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", - }, + "regular": 40, }, "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", - }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", - }, + "regular": 12, }, "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", - }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", - }, + "regular": 4, }, "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", - }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", - }, + "regular": 96, }, "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", - }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", - }, + "regular": 48, }, "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", - }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", - }, + "regular": 32, }, "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", - }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", - }, + "regular": 128, }, "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", - }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", - }, + "regular": 24, }, "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", - }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", - }, + "regular": 44, }, "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", - }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", - }, + "regular": 24, }, "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", - }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", - }, + "regular": 16, }, "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", - }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", - }, + "regular": 56, }, "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", - }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", - }, - }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", + "regular": 12, }, + "sizeBase": 4, "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", - }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", - }, + "regular": 12, }, "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", - }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", - }, + "regular": 16, }, "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)", - }, + "regular": 16, }, "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", - }, + "regular": 12, }, "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", - }, + "regular": 1, }, "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", - }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", - }, + "regular": 0.5, }, "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", - }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", - }, + "regular": 0.33, }, "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", - }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", - }, + "regular": 8, }, "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", - }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", - }, + "regular": 4, }, "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", - }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", - }, + "regular": 20, }, "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)", - }, + "regular": 48, }, "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", - }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", - }, + "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", - }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, + "regular": 8, }, "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", - }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", - }, + "regular": 4, }, "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", - }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", - }, + "regular": 2, }, "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", - }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", - }, + "regular": 12, }, "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", - }, + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", - }, + "regular": 12, }, "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", - }, + "regular": 8, }, "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", - }, + "regular": 1, }, "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", - }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, + "regular": 16, }, "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", - }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", - }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", - }, + "regular": 44, }, "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", - }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", - }, + "regular": 36, }, "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", - }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, + "regular": 80, }, "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", - }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", - }, + "regular": 8, }, "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", - }, - "compact": { - "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, + "regular": 20, }, "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", - }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", - }, + "regular": 24, }, "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", - }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", - }, + "regular": 12, }, "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", - }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", - }, + "regular": 16, }, "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", - }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", - }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", - }, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", - }, + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", - }, + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", - }, + "regular": 8, }, "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, 16px)", - }, + "regular": 16, }, "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, 12px)", - }, + "regular": 12, }, "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)", - }, + "regular": 8, }, "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", - }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", - }, + "regular": 4, }, "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, + "regular": 16, }, "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", - }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", - }, + "regular": 8, }, "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", - }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 104px)", - }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", - }, + "regular": 130, }, "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", - }, - "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", - }, + "regular": 4, }, "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", - }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", - }, + "regular": 4, }, "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", - }, - "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", - }, + "regular": 12, }, "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", - }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", - }, + "regular": 8, }, "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", - }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", - }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", - }, + "regular": 40, }, "sizeFieldHorizontalMargin": { - "auto": { - "name": "--vkui--size_field_horizontal_margin", - "value": "var(--vkui--size_field_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", - }, + "regular": 20, }, "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, + "regular": 12, }, "sizeFieldSetMargin": { - "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", - }, - "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", - }, + "regular": 32, }, "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", - }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", - }, + "regular": 24, }, "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", - }, - "compact": { - "name": "--vkui--size_field_width_min--compact", - "value": "var(--vkui--size_field_width_min--compact, 380px)", - }, - "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", - }, + "regular": 328, }, "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", - }, - }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "regular": 12, }, + "sizeGrid": 20, "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", - }, - "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", - }, + "regular": 20, }, "sizeIconMargin": { - "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", - }, - "compact": { - "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", - }, - "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", - }, + "regular": 12, }, "sizeIconMorePadding": { - "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", - }, - "compact": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", - }, - "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", - }, + "regular": 12, }, "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, + "regular": 18, }, "sizeIllustrationL": { - "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", - }, - "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", - }, + "regular": 144, }, "sizeIllustrationM": { - "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, + "regular": 96, }, "sizeIllustrationS": { - "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", - }, - "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", - }, + "regular": 48, }, "sizeIllustrationXM": { - "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", - }, - "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", - }, + "regular": 72, }, "sizeIllustrationXXL": { - "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, + "regular": 228, }, "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", - }, + "regular": 16, }, "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", - }, - "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", - }, + "regular": 4, }, "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", - }, - "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", - }, + "regular": 184, }, "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", - }, - "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", - }, + "regular": 2, }, "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", - }, - "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", - }, + "regular": 8, }, "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", - }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", - }, + "regular": 32, }, "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", - }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", - }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", - }, + "regular": 56, }, "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", - }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", - }, + "regular": 20, }, "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", - }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", - }, + "regular": 16, }, "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", - }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", - }, + "regular": 880, }, "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", - }, - "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", - }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", - }, + "regular": 8, }, "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", - }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", - }, + "regular": 680, }, "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", - }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", - }, + "regular": 430, }, "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", - }, + "regular": 4, }, "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", - }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", - }, + "regular": 12, }, "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", - }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", - }, + "regular": 32, }, "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", - }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", - }, + "regular": 36, }, "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", - }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", - }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", - }, + "regular": 7, }, "sizeSliceBottomPadding": { - "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", - }, - "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", - }, + "regular": 60, }, "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", - }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", - }, + "regular": 40, }, "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", - }, + "regular": 16, }, "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", - }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", - }, + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", - }, + "regular": 12, }, "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", - }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", - }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", - }, + "regular": 14, }, "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", - }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", - }, + "regular": 20, }, "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", - }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", - }, + "regular": 34, }, "sizeTabMargin": { - "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", - }, - "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", - }, + "regular": 8, }, "sizeTabPadding": { - "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", - }, - "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTableHorizontalPadding": { - "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTableVerticalPadding": { - "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", - }, + "regular": 16, }, "sizeTagMargin": { - "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", - }, - "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", - }, + "regular": 8, }, "sizeTagPadding": { - "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", - }, - "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", - }, + "regular": 8, }, "sizeTipMargin": { - "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", - }, - "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", - }, + "regular": 4, }, "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", - }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", - }, + "regular": 8, }, "sizeVerticalPadding": { - "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", - }, + "regular": 0, }, "sizeWysiwygIcon": { - "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", - }, - "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", - }, - }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "regular": 14, }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "otvetDark", + "themeNameBase": "otvet", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", + }, }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", + }, }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, paradigmBaseDark)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, paradigmBase)", - }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", - }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", - }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", - }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", - }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", - }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", - }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", - }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", - }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", - }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", - }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", - }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", - }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", - }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", - }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", - }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", - }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", - }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", - }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", - }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", - }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", - }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", - }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", - }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", - }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", - }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", - }, -} -`; - -exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1`] = ` -{ - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, - }, - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", - }, - "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", + }, }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", + }, }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, }, "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#F05C44", + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", + }, }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED033A)", + }, }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", + }, }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", + }, }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", + }, }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, }, "colorBackgroundAccentTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + }, }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", + }, }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + }, }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #FFFFFF)", + }, }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #303030)", + }, }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", + }, }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, }, "colorBackgroundNegativeTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + }, }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + }, }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, }, "colorBackgroundPositiveTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + }, }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", + }, }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + }, }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", + }, }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", + }, }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, }, "colorBackgroundWarningTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", + }, }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #0077ff)", + }, }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #0077ff)", + }, }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #0077ff)", + }, }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ffffff)", + }, }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", + }, }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", + }, }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #919399)", + }, }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED033a)", + }, }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", + }, }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FF9E00)", + }, }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.8)", - "hover": "rgba(0, 0, 0, 0.76)", - "normal": "rgba(0, 0, 0, 0.72)", + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", + }, }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", + }, }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #DADCE0)", + }, }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + }, }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077ff)", + }, }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED033a)", + }, }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0070f0)", + }, }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", + }, }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0070f0)", + }, }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", + }, }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2C2D2E)", + }, }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ED330a)", + }, }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #2C2D2E)", + }, }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #87898F)", + }, }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #797A80)", + }, }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", + }, }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, }, "colorTooltipBackgroundBlueTint": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, }, "colorTooltipBackgroundGreenTint": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, }, "colorTooltipBackgroundOrangeTint": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, }, "colorTooltipBackgroundPurpleTint": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, }, "colorTooltipTextBlueThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, }, "colorTooltipTextGreenThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, }, "colorTooltipTextOrangeThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, }, "colorTooltipTextPurpleThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + }, }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #DADCE0)", + }, }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", + }, }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", - }, - "colorsScheme": "dark", - "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", - "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", - "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", - "fontCaption1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, }, }, "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, }, }, "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, }, }, "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, }, }, "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, }, }, "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "23px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, }, }, "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "lineHeight": "22px", + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "21px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, }, }, "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, }, }, "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + }, "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, }, }, "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, }, "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, "compact": { - "fontSize": "44px", - "lineHeight": "52px", + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, }, }, "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + }, "compact": { - "fontSize": "32px", - "lineHeight": "36px", + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", + }, }, }, "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + }, "compact": { - "fontSize": "28px", - "lineHeight": "32px", + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", + }, }, }, "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, }, }, "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, }, }, "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, }, }, "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, }, }, "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, "compact": { - "fontSize": "13px", - "lineHeight": "18px", + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, }, }, "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, }, }, "fontTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, }, }, "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", + }, }, }, "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, }, }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, "sizeArrow": { - "regular": "8px", + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, "sizeArrowHeight": { - "regular": "8px", + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, }, "sizeArrowPadding": { - "regular": "12px", + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, }, "sizeArrowPromo": { - "regular": "40px", + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, }, "sizeArrowWidth": { - "regular": "12px", + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, }, "sizeAttributeMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, }, "sizeAvatarL": { - "regular": "96px", + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, }, "sizeAvatarM": { - "regular": "48px", + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, }, "sizeAvatarS": { - "regular": "32px", + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, }, "sizeAvatarXL": { - "regular": "128px", + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, }, "sizeAvatarXS": { - "regular": "24px", + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, }, "sizeBadgeL": { - "regular": "44px", + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, }, "sizeBadgeM": { - "regular": "24px", + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, }, "sizeBadgeS": { - "regular": "16px", + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, }, "sizeBadgeXL": { - "regular": "56px", + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, }, "sizeBadgeXS": { - "regular": "12px", + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "sizeBase": "4px", "sizeBaseMargin": { - "regular": "12px", + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, }, "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "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)", + }, }, "sizeBasePaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, }, "sizeBorder1x": { - "regular": "1px", + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, "sizeBorder2x": { - "regular": "0.5px", + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, }, "sizeBorder3x": { - "regular": "0.33px", + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, }, "sizeBorderRadius": { - "regular": "8px", + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "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)", + }, }, "sizeBorderWidthAccent": { - "regular": "8px", + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, }, "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, }, "sizeBorderWidthBar": { - "regular": "4px", + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, }, "sizeBorderWidthTab": { - "regular": "2px", + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, }, "sizeBulletMargin": { - "regular": "12px", + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, }, "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, }, "sizeButtonMinimumWidth": { - "regular": "80px", + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, }, "sizeButtonMorePadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, }, "sizeButtonSliderHeight": { - "regular": "24px", + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, }, "sizeButtonSliderWidth": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, }, "sizeButtonSliderWidthPointer": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, }, "sizeCardBorderRadius": { - "regular": "16px", + "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, 16px)", + }, }, "sizeCardgridPadding": { - "regular": "12px", + "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, 12px)", + }, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "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)", + }, }, "sizeCheckBorderRadius": { - "regular": "4px", + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, }, "sizeCheckbox": { - "regular": "16px", + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, "sizeChoiceMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, }, "sizeDivPadding": { - "regular": "4px", + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, }, "sizeDotBullet": { - "regular": "4px", + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, }, "sizeDotClickable": { - "regular": "12px", + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, }, "sizeDotIndicate": { - "regular": "8px", + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, }, "sizeFieldHorizontalMargin": { - "regular": "20px", + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, }, "sizeFieldSetMargin": { - "regular": "32px", + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, }, "sizeFieldVerticalMargin": { - "regular": "24px", + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, }, "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", + }, + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", + }, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": "20px", + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", + }, }, "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", + }, }, "sizeIconMorePadding": { - "compact": "8px", - "regular": "12px", + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, }, "sizeIconUI": { - "regular": "16px", + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, }, "sizeIllustrationL": { - "regular": "144px", + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", + }, + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", + }, }, "sizeIllustrationM": { - "regular": "96px", + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, }, "sizeIllustrationS": { - "regular": "48px", + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", + }, }, "sizeIllustrationXM": { - "regular": "72px", + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", + }, + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, }, "sizeIllustrationXXL": { - "regular": "228px", + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, }, "sizeLabelVerticalMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, }, "sizeLabelWidth": { - "regular": "184px", + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", + }, }, "sizeMenuMargin": { - "regular": "2px", - }, - "sizeMenuPadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", + }, + }, + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", + }, }, "sizeOptionHierarchy": { - "regular": "32px", + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, }, "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, }, "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, }, "sizePopupLarge": { - "regular": "880px", + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, }, "sizePopupMargin": { - "compact": "24px", - "regular": "8px", + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", + }, }, "sizePopupMedium": { - "regular": "680px", + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, }, "sizePopupSmall": { - "regular": "430px", + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, }, "sizeProgress": { - "regular": "4px", + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, }, "sizeProgressScroll": { - "regular": "12px", + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", + }, }, "sizePromoButtonClose": { - "regular": "32px", + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", + }, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, }, "sizeSliceBottomPadding": { - "regular": "60px", + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, }, "sizeSliceTopPadding": { - "regular": "40px", + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, }, "sizeTabMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", + }, + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", + }, }, "sizeTabPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", + }, }, "sizeTableHorizontalPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, }, "sizeTableVerticalPadding": { - "regular": "16px", + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, }, "sizeTagMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", + }, + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", + }, }, "sizeTagPadding": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", + }, }, "sizeTipMargin": { - "regular": "4px", + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", + }, + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", + }, }, "sizeTooltipMargin": { - "regular": "8px", + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, }, "sizeVerticalPadding": { - "regular": "0px", + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, }, "sizeWysiwygIcon": { - "regular": "14px", + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, paradigmBase)", + }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", + }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", + }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", + }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", + }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", + }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", + }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", + }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", + }, + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + }, + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + }, + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", + }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", + }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", + }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", + }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", + }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", + }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", + }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", + }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", + }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", + }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", + }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", + }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", + }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", + }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", + }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeName": "paradigmBaseDark", - "themeNameBase": "paradigmBase", - "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": "0px", - "x025": "1px", - "x05": "2px", - "x1": "4px", - "x10": "40px", - "x12": "48px", - "x15": "60px", - "x2": "8px", - "x20": "80px", - "x3": "12px", - "x4": "16px", - "x5": "20px", - "x6": "24px", - "x8": "32px", - "zIndexModal": 99, - "zIndexPopout": 100, } `; -exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = ` { - "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", - "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", - "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", - "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { "adaptiveValue": "compact", @@ -243469,1362 +252313,1371 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars }, }, "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", - "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", - "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", - "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #FF498F)", - "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { - "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #2B2B2C)", - "hover": "var(--vkui--color_background--hover, #222223)", - "normal": "var(--vkui--color_background, #19191A)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #414141)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", - "normal": "var(--vkui--color_background_contrast_themed, #303030)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #2B3240)", - "hover": "var(--vkui--color_background_info_tint--hover, #222937)", - "normal": "var(--vkui--color_background_info_tint, #19202f)", + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", - "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", - "normal": "var(--vkui--color_background_positive_tint, #182A22)", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #785C14)", - "hover": "var(--vkui--color_background_warning--hover, #72550A)", - "normal": "var(--vkui--color_background_warning, #6C4E00)", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #41372A)", - "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", - "normal": "var(--vkui--color_background_warning_tint, #302617)", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", - "hover": "var(--vkui--color_button_contrast--hover, #29292A)", - "normal": "var(--vkui--color_button_contrast, #252526)", + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", }, "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", - "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #FFA614)", - "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", - }, - "colorRating": { - "active": "var(--vkui--color_rating--active, #FFD714)", - "hover": "var(--vkui--color_rating--hover, #FFD60A)", - "normal": "var(--vkui--color_rating, #ffd400)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #494A4B)", - "hover": "var(--vkui--color_search_field_background--hover, #414243)", - "normal": "var(--vkui--color_search_field_background, #393A3B)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #282829)", - "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - "normal": "var(--vkui--color_separator_primary, #151516)", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #323234)", - "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", - "normal": "var(--vkui--color_separator_primary2x, #202022)", + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", - "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", - "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", - "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #6098E2)", - "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", - "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #7F8185)", - "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - "normal": "var(--vkui--color_text_tertiary, #74767A)", + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", }, "colorThumbErrorBackgroundAlpha": { - "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", - "normal": "var(--vkui--color_transparent, transparent)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", - "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "colorsScheme": "var(--vkui--colors_scheme, dark)", - "elevation1": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", - "elevation2": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", - "elevation3": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", - "elevation4": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "lineHeight": "22px", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", }, }, "fontH0": { "compact": { - "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", - "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + "fontSize": "44px", + "lineHeight": "52px", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", - "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", }, }, "fontH1": { "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + "fontSize": "32px", + "lineHeight": "36px", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontH2": { "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + "fontSize": "28px", + "lineHeight": "32px", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline2": { "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "fontSize": "14px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "fontSize": "13px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", - "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", - "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", - "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", - "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", - "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "regular": "8px", }, "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", + "regular": "8px", }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "regular": "12px", }, "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "regular": "40px", }, "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", + "regular": "12px", }, "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + "regular": "4px", }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "regular": "96px", }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "regular": "48px", }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "regular": "32px", }, "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "regular": "128px", }, "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "regular": "24px", }, "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "regular": "44px", }, "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "regular": "24px", }, "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "regular": "16px", }, "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "regular": "56px", }, "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "regular": "12px", }, - "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBase": "4px", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "regular": "12px", }, "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", + "compact": "20px", + "regular": "16px", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": "1px", }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": "0.5px", }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "regular": "12px", }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": "20px", }, "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "regular": "48px", }, "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "regular": "8px", }, "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + "regular": "4px", }, "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + "regular": "2px", }, "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "regular": "80px", }, "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + "regular": "24px", }, "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + "regular": "12px", }, "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": "12px", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "regular": "12px", }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": "4px", }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": "16px", }, "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", + "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", + "regular": "4px", }, "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + "regular": "4px", }, "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + "regular": "12px", }, "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + "regular": "8px", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "regular": "20px", }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": "12px", }, "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", - "regular": "var(--vkui--size_field_width_min--regular, 328px)", + "compact": "380px", + "regular": "328px", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "12px", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", + "regular": "20px", }, "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 8px)", - "regular": "var(--vkui--size_icon_margin--regular, 12px)", + "compact": "8px", + "regular": "12px", }, "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + "compact": "8px", + "regular": "12px", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": "16px", }, "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", + "regular": "144px", }, "sizeIllustrationM": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", + "regular": "96px", }, "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", + "regular": "48px", }, "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + "regular": "72px", }, "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "regular": "228px", }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": "16px", }, "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "regular": "4px", }, "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", + "regular": "184px", }, "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", + "regular": "2px", }, "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", + "regular": "8px", }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "compact": "32px", + "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": "880px", }, "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", - "regular": "var(--vkui--size_popup_margin--regular, 8px)", + "compact": "24px", + "regular": "8px", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": "680px", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "430px", }, "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", + "regular": "4px", }, "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + "regular": "12px", }, "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + "regular": "32px", }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + "compact": "6px", + "regular": "7px", }, "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "regular": "60px", }, "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "regular": "16px", }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "regular": "8px", }, "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "32px", + "regular": "34px", }, "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "regular": "8px", }, "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "regular": "16px", }, "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "regular": "16px", }, "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "regular": "16px", }, "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "regular": "8px", }, "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "regular": "8px", }, "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "regular": "4px", }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "regular": "8px", }, "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "regular": "0px", }, "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "regular": "14px", }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, paradigmBaseDark)", - "themeNameBase": "var(--vkui--theme_name_base, paradigmBase)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "paradigmBase", "themeType": "pixelify", - "toneValueActive": "var(--vkui--tone_value_active, 0.08)", - "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", - "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", - "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", - "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", - "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", - "typeBorderButton": "var(--vkui--type_border_button, solid)", - "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", - "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", - "x0": "var(--vkui--x0, 0px)", - "x025": "var(--vkui--x025, 1px)", - "x05": "var(--vkui--x05, 2px)", - "x1": "var(--vkui--x1, 4px)", - "x10": "var(--vkui--x10, 40px)", - "x12": "var(--vkui--x12, 48px)", - "x15": "var(--vkui--x15, 60px)", - "x2": "var(--vkui--x2, 8px)", - "x20": "var(--vkui--x20, 80px)", - "x3": "var(--vkui--x3, 12px)", - "x4": "var(--vkui--x4, 16px)", - "x5": "var(--vkui--x5, 20px)", - "x6": "var(--vkui--x6, 24px)", - "x8": "var(--vkui--x8, 32px)", - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] = ` { - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", "breakpoints": { "desktopS": { "adaptiveValue": "compact", @@ -244836,1389 +253689,1375 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "var(--vkui--color_accent_lime--active, #A9E971)", + "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#F05C44", + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "var(--vkui--color_accent_pink--active, #EB367F)", + "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", - }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundPositiveTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint, #fffce0)", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", }, "colorBackgroundWarningTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "normal": "var(--vkui--color_button_contrast, #FFFFFF)", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #ffffff)", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "var(--vkui--color_icon_warning--active, #EB9305)", + "hover": "var(--vkui--color_icon_warning--hover, #F59802)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.8)", - "hover": "rgba(0, 0, 0, 0.76)", - "normal": "rgba(0, 0, 0, 0.72)", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "active": "var(--vkui--color_rating--active, #EBC405)", + "hover": "var(--vkui--color_rating--hover, #F5CC02)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, "colorTooltipBackgroundBlueTint": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", }, "colorTooltipBackgroundGreenTint": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", }, "colorTooltipBackgroundOrangeTint": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", }, "colorTooltipBackgroundPurpleTint": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, "colorTooltipTextBlueThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, "colorTooltipTextGreenThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", }, "colorTooltipTextOrangeThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, "colorTooltipTextPurpleThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, - "colorsScheme": "dark", - "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", - "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", - "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": 14, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": 12, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, - "textTransform": "uppercase", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontH0": { "compact": { - "fontSize": 44, - "lineHeight": 52, + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, "fontH1": { "compact": { - "fontSize": 32, - "lineHeight": 36, + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, "fontH2": { "compact": { - "fontSize": 28, - "lineHeight": 32, + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, "fontHeadline": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, "fontHeadline2": { "compact": { - "fontSize": 14, - "lineHeight": 20, + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 18, + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { - "regular": 8, + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowHeight": { - "regular": 8, + "regular": "var(--vkui--size_arrow_height--regular, 8px)", }, "sizeArrowPadding": { - "regular": 12, + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": 40, + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "sizeArrowWidth": { - "regular": 12, + "regular": "var(--vkui--size_arrow_width--regular, 12px)", }, "sizeAttributeMargin": { - "regular": 4, + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", }, "sizeAvatarL": { - "regular": 96, + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, "sizeAvatarM": { - "regular": 48, + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, "sizeAvatarS": { - "regular": 32, + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, "sizeAvatarXL": { - "regular": 128, + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, "sizeAvatarXS": { - "regular": 24, + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, "sizeBadgeL": { - "regular": 44, + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, "sizeBadgeM": { - "regular": 24, + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, "sizeBadgeS": { - "regular": 16, + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, "sizeBadgeXL": { - "regular": 56, + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, "sizeBadgeXS": { - "regular": 12, + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "sizeBase": 4, + "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "regular": 12, + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { - "compact": 20, - "regular": 16, + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, "sizeBorder1x": { - "regular": 1, + "regular": "var(--vkui--size_border1x--regular, 1px)", }, "sizeBorder2x": { - "regular": 0.5, + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, "sizeBorder3x": { - "regular": 0.33, + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": 8, + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { - "regular": 20, + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, "sizeBorderRadiusRounded": { - "regular": 48, + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeBorderWidthAccent": { - "regular": 8, + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, "sizeBorderWidthBar": { - "regular": 4, + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", }, "sizeBorderWidthTab": { - "regular": 2, + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", }, "sizeBulletMargin": { - "regular": 12, + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": 80, + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, "sizeButtonMorePadding": { - "regular": 8, + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, "sizeButtonSliderHeight": { - "regular": 24, + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", }, "sizeButtonSliderWidth": { - "regular": 12, + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", }, "sizeButtonSliderWidthPointer": { - "regular": 16, + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": 16, + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", }, "sizeCardgridPadding": { - "regular": 12, + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, "sizeCheckbox": { - "regular": 16, + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, "sizeChoiceMargin": { - "regular": 8, + "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, "sizeDivPadding": { - "regular": 4, + "regular": "var(--vkui--size_div_padding--regular, 4px)", }, "sizeDotBullet": { - "regular": 4, + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", }, "sizeDotClickable": { - "regular": 12, + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", }, "sizeDotIndicate": { - "regular": 8, + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalMargin": { - "regular": 20, + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFieldSetMargin": { - "regular": 32, + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "regular": 24, + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "sizeGrid": 20, + "sizeGrid": "var(--vkui--size_grid, 20px)", "sizeHeaderIcon": { - "regular": 20, + "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "compact": 8, - "regular": 12, + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, "sizeIconMorePadding": { - "compact": 8, - "regular": 12, + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, "sizeIconUI": { - "regular": 16, + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeIllustrationL": { - "regular": 144, + "regular": "var(--vkui--size_illustration_l--regular, 144px)", }, "sizeIllustrationM": { - "regular": 96, + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, "sizeIllustrationS": { - "regular": 48, + "regular": "var(--vkui--size_illustration_s--regular, 48px)", }, "sizeIllustrationXM": { - "regular": 72, + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, "sizeIllustrationXXL": { - "regular": 228, + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeLabelVerticalMargin": { - "regular": 4, + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, "sizeLabelWidth": { - "regular": 184, + "regular": "var(--vkui--size_label_width--regular, 184px)", }, "sizeMenuMargin": { - "regular": 2, + "regular": "var(--vkui--size_menu_margin--regular, 2px)", }, "sizeMenuPadding": { - "regular": 8, + "regular": "var(--vkui--size_menu_padding--regular, 8px)", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { - "regular": 880, + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "compact": 24, - "regular": 8, + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { - "regular": 680, + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": 430, + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeProgress": { - "regular": 4, + "regular": "var(--vkui--size_progress--regular, 4px)", }, "sizeProgressScroll": { - "regular": 12, + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, "sizePromoButtonClose": { - "regular": 32, + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { - "regular": 60, + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, "sizeSliceTopPadding": { - "regular": 40, + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { - "regular": 8, + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { - "regular": 8, + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, "sizeTabPadding": { - "regular": 16, + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, "sizeTableHorizontalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, "sizeTableVerticalPadding": { - "regular": 16, + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, "sizeTagMargin": { - "regular": 8, + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, "sizeTagPadding": { - "regular": 8, + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, "sizeTipMargin": { - "regular": 4, + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, "sizeVerticalPadding": { - "regular": 0, + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", }, "sizeWysiwygIcon": { - "regular": 14, + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeName": "paradigmBaseDark", - "themeNameBase": "paradigmBase", - "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": 0, - "x025": 1, - "x05": 2, - "x1": 4, - "x10": 40, - "x12": 48, - "x15": 60, - "x2": 8, - "x20": 80, - "x3": 12, - "x4": 16, - "x5": 20, - "x6": 24, - "x8": 32, - "zIndexModal": 99, - "zIndexPopout": 100, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, paradigmBase)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` { - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", - }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", - }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", - }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -246226,3014 +255065,4001 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", - }, - "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", - }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", - }, + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", - }, + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", - }, + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", - }, - "hover": { - "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - }, - "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", - }, + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", - }, - "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", - }, - "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", - }, + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", - }, + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", - }, + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - }, - "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", - }, + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", - }, + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", - }, + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", - }, + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { - "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", - }, + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1BC39A)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #1CCB9E)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #1DD3A2)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", - }, + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", - }, + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", - }, + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", - }, + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", - }, + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", - }, + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", - }, + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", - }, + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", - }, + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", - }, + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", - }, + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": { - "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", - }, + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", - }, + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", - }, + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", - }, + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundPositiveTintThemed": { - "active": { - "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", - }, + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", - }, + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", - }, + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", - }, + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", - }, + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - }, - "hover": { - "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", - }, + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBDFA4)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", - }, + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { - "active": { - "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #fffce0)", - }, + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", - }, + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorBackgroundWarningTintThemed": { - "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", - }, + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", - }, + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorButtonContrast": { - "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", - }, - "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - }, - "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", - }, + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", }, "colorButtonContrastAlpha": { - "active": { - "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - }, - "hover": { - "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - }, - "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", - }, + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ffffff)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", - }, + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #1BC39A)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #1CCB9E)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #1DD3A2)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", - }, + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", - }, + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", - }, + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", - }, + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", - }, + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", - }, + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", - }, + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - }, - "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", - }, + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", - }, + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", - }, + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", - }, + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - }, - "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", - }, + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorSeparatorPrimary2x": { + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSkeletonFrom": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "colorSkeletonTo": { + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", + }, + "colorStrokeAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorStrokePositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, + "colorTextAccent": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextLink": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", + }, + "colorTextLinkVisited": { + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "colorTextPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "colorTextSubhead": { + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", + }, + "colorTextTertiary": { + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", + }, + "colorTrackBackground": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorTrackBuffer": { + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorWriteBarInputBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, - "colorPrimaryAuto": { - "active": { - "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #EB4A05)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #F54C02)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, - "normal": { - "name": "--vkui--color_primary_auto", - "value": "var(--vkui--color_primary_auto, #ff4f00)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", }, }, - "colorPrimaryBase": { - "active": { - "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #0059EA)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, }, - "hover": { - "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #005CF1)", + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, }, - "normal": { - "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #005ff9)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, }, }, - "colorPrimaryDeti": { - "active": { - "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #BA91E5)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, }, - "hover": { - "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #C296ED)", + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, }, - "normal": { - "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #ca9cf4)", + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 18, }, }, - "colorPrimaryDobro": { - "active": { - "name": "--vkui--color_primary_dobro--active", - "value": "var(--vkui--color_primary_dobro--active, #EBC405)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_primary_dobro--hover", - "value": "var(--vkui--color_primary_dobro--hover, #F5CC02)", + }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, }, - "normal": { - "name": "--vkui--color_primary_dobro", - "value": "var(--vkui--color_primary_dobro, #ffd400)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, }, }, - "colorPrimaryHealth": { - "active": { - "name": "--vkui--color_primary_health--active", - "value": "var(--vkui--color_primary_health--active, #007774)", - }, - "hover": { - "name": "--vkui--color_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #007C77)", + "fontH1": { + "compact": { + "fontSize": 32, + "lineHeight": 36, }, - "normal": { - "name": "--vkui--color_primary_health", - "value": "var(--vkui--color_primary_health, #008079)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, - "colorPrimaryHealthNew": { - "active": { - "name": "--vkui--color_primary_health_new--active", - "value": "var(--vkui--color_primary_health_new--active, #37C291)", - }, - "hover": { - "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #3ACA94)", + "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, }, - "normal": { - "name": "--vkui--color_primary_health_new", - "value": "var(--vkui--color_primary_health_new, #3cd298)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, - "colorPrimaryHitech": { - "active": { - "name": "--vkui--color_primary_hitech--active", - "value": "var(--vkui--color_primary_hitech--active, #5150CA)", - }, - "hover": { - "name": "--vkui--color_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #5453D0)", + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_primary_hitech", - "value": "var(--vkui--color_primary_hitech, #5856d6)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorPrimaryKino": { - "active": { - "name": "--vkui--color_primary_kino--active", - "value": "var(--vkui--color_primary_kino--active, #D7EC05)", - }, - "hover": { - "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #E1F502)", + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_primary_kino", - "value": "var(--vkui--color_primary_kino, #eaff00)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorPrimaryLady": { - "active": { - "name": "--vkui--color_primary_lady--active", - "value": "var(--vkui--color_primary_lady--active, #EB2B52)", - }, - "hover": { - "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #F52C53)", + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_primary_lady", - "value": "var(--vkui--color_primary_lady, #ff2d54)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorPrimaryMycom": { - "active": { - "name": "--vkui--color_primary_mycom--active", - "value": "var(--vkui--color_primary_mycom--active, #009FE4)", + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--color_primary_mycom--hover", - "value": "var(--vkui--color_primary_mycom--hover, #00A5EB)", + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, }, - "normal": { - "name": "--vkui--color_primary_mycom", - "value": "var(--vkui--color_primary_mycom, #00abf2)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, - "colorPrimaryPets": { - "active": { - "name": "--vkui--color_primary_pets--active", - "value": "var(--vkui--color_primary_pets--active, #E9626A)", - }, - "hover": { - "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #F3656C)", + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fd696e)", + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, - "colorPrimaryPharma": { - "active": { - "name": "--vkui--color_primary_pharma--active", - "value": "var(--vkui--color_primary_pharma--active, #1BC39A)", - }, - "hover": { - "name": "--vkui--color_primary_pharma--hover", - "value": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", + "fontTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, - "normal": { - "name": "--vkui--color_primary_pharma", - "value": "var(--vkui--color_primary_pharma, #1DD3A2)", + }, + "fontTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, - "colorPrimaryRealty": { - "active": { - "name": "--vkui--color_primary_realty--active", - "value": "var(--vkui--color_primary_realty--active, #4684B2)", + "fontTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, }, - "hover": { - "name": "--vkui--color_primary_realty--hover", - "value": "var(--vkui--color_primary_realty--hover, #4989B7)", + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowHeight": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, + }, + "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 16, + }, + "sizeCardgridPadding": { + "regular": 12, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalMargin": { + "regular": 20, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "regular": 228, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, + }, + "sizePopupHeaderPadding": { + "compact": 24, + "regular": 16, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTabMargin": { + "regular": 8, + }, + "sizeTabPadding": { + "regular": 16, + }, + "sizeTableHorizontalPadding": { + "regular": 16, + }, + "sizeTableVerticalPadding": { + "regular": 16, + }, + "sizeTagMargin": { + "regular": 8, + }, + "sizeTagPadding": { + "regular": 8, + }, + "sizeTipMargin": { + "regular": 4, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "sizeVerticalPadding": { + "regular": 0, + }, + "sizeWysiwygIcon": { + "regular": 14, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "paradigmBase", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, }, - "normal": { - "name": "--vkui--color_primary_realty", - "value": "var(--vkui--color_primary_realty, #4c8ebc)", + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, }, }, - "colorRating": { + "colorAccentAzure": { "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "colorSale": { + "colorAccentBlue": { "active": { - "name": "--vkui--color_sale--active", - "value": "var(--vkui--color_sale--active, #D8187C)", + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { - "name": "--vkui--color_sale--hover", - "value": "var(--vkui--color_sale--hover, #E2197E)", + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_sale", - "value": "var(--vkui--color_sale, #eb1981)", + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, - "colorSearchFieldBackground": { + "colorAccentCyan": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, }, - "colorSecondaryBase": { + "colorAccentGray": { "active": { - "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #EB9305)", + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", }, "hover": { - "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #F59802)", + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", }, "normal": { - "name": "--vkui--color_secondary_base", - "value": "var(--vkui--color_secondary_base, #ff9e00)", + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #9C9DA2)", }, }, - "colorSecondaryHealth": { + "colorAccentGreen": { "active": { - "name": "--vkui--color_secondary_health--active", - "value": "var(--vkui--color_secondary_health--active, #E9D851)", + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #20C774)", }, "hover": { - "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #F3E052)", + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #17C46E)", }, "normal": { - "name": "--vkui--color_secondary_health", - "value": "var(--vkui--color_secondary_health, #fde953)", + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", }, }, - "colorSecondaryMycom": { + "colorAccentLime": { "active": { - "name": "--vkui--color_secondary_mycom--active", - "value": "var(--vkui--color_secondary_mycom--active, #E82A38)", + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #BEFC80)", }, "hover": { - "name": "--vkui--color_secondary_mycom--hover", - "value": "var(--vkui--color_secondary_mycom--hover, #F22B38)", + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", }, "normal": { - "name": "--vkui--color_secondary_mycom", - "value": "var(--vkui--color_secondary_mycom, #fc2c38)", + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", }, }, - "colorSegmentedControl": { + "colorAccentOrange": { "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", }, "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", }, "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", }, }, - "colorSeparatorPrimary": { + "colorAccentOrangeFire": { "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", }, "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", }, "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", }, }, - "colorSeparatorPrimary2x": { + "colorAccentOrangePeach": { "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", }, }, - "colorSeparatorPrimary3x": { + "colorAccentPink": { "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #FF498F)", }, "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #FF418A)", }, "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", }, }, - "colorSeparatorPrimaryAlpha": { + "colorAccentPurple": { "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, - "colorSeparatorSecondary": { + "colorAccentRaspberryPink": { "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, }, - "colorSkeletonFrom": { + "colorAccentRed": { "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, - "colorSkeletonTo": { + "colorAccentSecondary": { "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", }, "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", }, "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", }, }, - "colorSocialBehance": { + "colorAccentViolet": { "active": { - "name": "--vkui--color_social_behance--active", - "value": "var(--vkui--color_social_behance--active, #1562EF)", + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", }, "hover": { - "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #1665F7)", + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", }, "normal": { - "name": "--vkui--color_social_behance", - "value": "var(--vkui--color_social_behance, #1769ff)", + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", }, }, - "colorSocialDribbble": { + "colorActionSheetText": { "active": { - "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #D74783)", + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { - "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_social_dribbble", - "value": "var(--vkui--color_social_dribbble, #ea4c89)", + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, - "colorSocialFb": { + "colorAvatarOverlay": { "active": { - "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #166FE4)", + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", }, "hover": { - "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #1773EB)", + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", }, "normal": { - "name": "--vkui--color_social_fb", - "value": "var(--vkui--color_social_fb, #1877f2)", + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, }, - "colorSocialMir": { + "colorAvatarOverlayInverseAlpha": { "active": { - "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #1075CD)", + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", }, "hover": { - "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #107AD4)", + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", }, "normal": { - "name": "--vkui--color_social_mir", - "value": "var(--vkui--color_social_mir, #117eda)", + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, }, - "colorSocialOk": { + "colorBackground": { "active": { - "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #DB790C)", + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #2B2B2C)", }, "hover": { - "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #E47D0A)", + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #222223)", }, "normal": { - "name": "--vkui--color_social_ok", - "value": "var(--vkui--color_social_ok, #ee8208)", + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #19191A)", }, }, - "colorSocialTwitter": { + "colorBackgroundAccent": { "active": { - "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #1B95E4)", + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { - "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_social_twitter", - "value": "var(--vkui--color_social_twitter, #1da1f2)", + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, - "colorSocialVk": { + "colorBackgroundAccentAlternative": { "active": { - "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #3A80D3)", + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", }, "hover": { - "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #3C85D9)", + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", }, "normal": { - "name": "--vkui--color_social_vk", - "value": "var(--vkui--color_social_vk, #3F8AE0)", + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, }, - "colorStrokeAccent": { + "colorBackgroundAccentThemed": { "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1BC39A)", + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #1DD3A2)", + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, - "colorStrokeAccentThemed": { + "colorBackgroundAccentThemedAlpha": { "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, - "colorStrokeContrast": { + "colorBackgroundAccentTint": { "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", }, "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, - "colorStrokeNegative": { + "colorBackgroundAccentTintAlpha": { "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, - "colorStrokePositive": { + "colorBackgroundAccentTintThemed": { "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", }, "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", }, "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", }, }, - "colorTabbarTextInactive": { + "colorBackgroundAccentTintThemedAlpha": { "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, - "colorTextAccent": { + "colorBackgroundContent": { "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #1BC39A)", + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #1CCB9E)", + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", }, "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1DD3A2)", + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #232324)", }, }, - "colorTextAccentThemed": { + "colorBackgroundContrast": { "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, - "colorTextContrast": { + "colorBackgroundContrastInverse": { "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", }, "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", }, "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", }, }, - "colorTextContrastThemed": { + "colorBackgroundContrastSecondaryAlpha": { "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, - "colorTextLink": { + "colorBackgroundContrastThemed": { "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", }, "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", }, "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", }, }, - "colorTextLinkThemed": { + "colorBackgroundInfoTint": { "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2B3240)", }, "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #222937)", }, "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #19202f)", }, }, - "colorTextLinkTint": { + "colorBackgroundModal": { "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #414141)", }, "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #383838)", }, "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #303030)", }, }, - "colorTextLinkVisited": { + "colorBackgroundModalInverse": { "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #528FDF)", + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, - "colorTextMuted": { + "colorBackgroundNegative": { "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2C2D2E)", + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, - "colorTextNegative": { + "colorBackgroundNegativeTint": { "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", }, }, - "colorTextPositive": { + "colorBackgroundNegativeTintAlpha": { "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, - "colorTextPrimary": { + "colorBackgroundNegativeTintThemed": { "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", }, "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", }, "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", }, }, - "colorTextPrimaryInvariably": { + "colorBackgroundNegativeTintThemedAlpha": { "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, - "colorTextSecondary": { + "colorBackgroundPositive": { "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #20C774)", }, "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #17C46E)", }, "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", }, }, - "colorTextSubhead": { + "colorBackgroundPositiveTint": { "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", }, "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", }, "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #182A22)", }, }, - "colorTextTertiary": { + "colorBackgroundPositiveTintAlpha": { "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, - "colorThumbErrorBackgroundAlpha": { + "colorBackgroundPositiveTintThemed": { "active": { - "name": "--vkui--color_thumb_error_background_alpha--active", - "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", }, "hover": { - "name": "--vkui--color_thumb_error_background_alpha--hover", - "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", }, "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", }, }, - "colorTooltipBackgroundBlueTint": { + "colorBackgroundPositiveTintThemedAlpha": { "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, - "colorTooltipBackgroundGreenTint": { + "colorBackgroundSecondary": { "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", }, "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #333333)", }, "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #2A2A2B)", }, }, - "colorTooltipBackgroundOrangeTint": { + "colorBackgroundSecondaryAlpha": { "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { - "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { - "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, - "colorTooltipBackgroundPurpleTint": { + "colorBackgroundSky": { "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", }, }, - "colorTooltipTextBlueThemed": { + "colorBackgroundSkyAlpha": { "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", }, "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", }, "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, }, - "colorTooltipTextGreenThemed": { + "colorBackgroundTertiary": { "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #363636)", }, "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", }, "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #252525)", }, }, - "colorTooltipTextOrangeThemed": { + "colorBackgroundTertiaryAlpha": { "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", }, "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", }, }, - "colorTooltipTextPurpleThemed": { + "colorBackgroundWarning": { "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #785C14)", }, "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #72550A)", }, "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #6C4E00)", }, }, - "colorTrackBackground": { + "colorBackgroundWarningTint": { "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #41372A)", }, "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", }, "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #302617)", }, }, - "colorTrackBuffer": { + "colorBackgroundWarningTintAlpha": { "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", }, "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", }, "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, }, - "colorTransparent": { + "colorBackgroundWarningTintThemed": { "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", }, "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", }, "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, }, - "colorWriteBarIcon": { + "colorBackgroundWarningTintThemedAlpha": { "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, - "colorWriteBarInputBackground": { + "colorButtonContrast": { "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, - "colorWriteBarInputBorder": { + "colorButtonContrastAlpha": { "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, - "colorWriteBarInputBorderAlpha": { + "colorButtonIcon": { "active": { - "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, }, - "elevation1InvertY": { - "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #232324)", + }, }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + }, }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #232324)", + }, }, - "elevation4": { - "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077FF)", + }, }, - "fontCaption1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", - }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, - "fontCaption1Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight", - "value": "var(--vkui--font_caption1_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height", - "value": "var(--vkui--font_caption1_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform", - "value": "var(--vkui--font_caption1_caps--text_transform)", - }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, - "fontCaption2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", - }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, }, - "fontCaption2Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family", - "value": "var(--vkui--font_caption2_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size", - "value": "var(--vkui--font_caption2_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight", - "value": "var(--vkui--font_caption2_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height", - "value": "var(--vkui--font_caption2_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform", - "value": "var(--vkui--font_caption2_caps--text_transform)", - }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size--regular", - "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height--regular", - "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, }, - "fontCaption3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family", - "value": "var(--vkui--font_caption3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size", - "value": "var(--vkui--font_caption3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight", - "value": "var(--vkui--font_caption3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height", - "value": "var(--vkui--font_caption3--line_height)", - }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size--regular", - "value": "var(--vkui--font_caption3--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight--regular", - "value": "var(--vkui--font_caption3--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height--regular", - "value": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #B0B1B6)", }, }, - "fontCaption3Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family", - "value": "var(--vkui--font_caption3_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size", - "value": "var(--vkui--font_caption3_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight", - "value": "var(--vkui--font_caption3_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height", - "value": "var(--vkui--font_caption3_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform", - "value": "var(--vkui--font_caption3_caps--text_transform)", - }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size--regular", - "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height--regular", - "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, }, - "fontDisplayTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family", - "value": "var(--vkui--font_display_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size", - "value": "var(--vkui--font_display_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight", - "value": "var(--vkui--font_display_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height", - "value": "var(--vkui--font_display_title1--line_height)", - }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size--regular", - "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, - "fontDisplayTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family", - "value": "var(--vkui--font_display_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size", - "value": "var(--vkui--font_display_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight", - "value": "var(--vkui--font_display_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height", - "value": "var(--vkui--font_display_title2--line_height)", - }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #20C774)", }, - "compact": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--compact", - "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--compact", - "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", - }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #17C46E)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--regular", - "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", }, }, - "fontDisplayTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family", - "value": "var(--vkui--font_display_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size", - "value": "var(--vkui--font_display_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight", - "value": "var(--vkui--font_display_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height", - "value": "var(--vkui--font_display_title3--line_height)", - }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size--regular", - "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #D9DADD)", }, }, - "fontDisplayTitle4": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family", - "value": "var(--vkui--font_display_title4--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size", - "value": "var(--vkui--font_display_title4--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight", - "value": "var(--vkui--font_display_title4--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height", - "value": "var(--vkui--font_display_title4--line_height)", - }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size--regular", - "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", - }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + }, }, - "fontFamilyArticle": { - "name": "--vkui--font_family_article", - "value": "var(--vkui--font_family_article, Inter, Helvetica, Arial, sans-serif)", + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + }, }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #83848A)", + }, }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + }, }, - "fontFootnote": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family", - "value": "var(--vkui--font_footnote--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size", - "value": "var(--vkui--font_footnote--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight", - "value": "var(--vkui--font_footnote--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height", - "value": "var(--vkui--font_footnote--line_height)", - }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #FFA614)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FF9E00)", }, }, - "fontFootnoteCaps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family", - "value": "var(--vkui--font_footnote_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size", - "value": "var(--vkui--font_footnote_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight", - "value": "var(--vkui--font_footnote_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height", - "value": "var(--vkui--font_footnote_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform", - "value": "var(--vkui--font_footnote_caps--text_transform)", - }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size--regular", - "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight--regular", - "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform--regular", - "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, }, - "fontH0": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #393A3B)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", + }, + }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #FFD714)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #FFD60A)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #393A3B)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #626364)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #282829)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #151516)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #323234)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #202022)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #181818)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077FF)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #1A85FF)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #238AFF)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #1A85FF)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #6098E2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #E7E8EA)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #FF5C5C)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #E7E8EA)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #95979D)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #8C8E94)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #74767A)", + }, + }, + "colorThumbErrorBackgroundAlpha": { + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + }, + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + }, + }, + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + }, + }, + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + }, + }, + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + }, + }, + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + }, + }, + "colorTooltipTextGreenThemed": { + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + }, + }, + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + }, + }, + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #525354)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #434445)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "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))", + }, + "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))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", }, "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", }, "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h0--font_size--compact", - "value": "var(--vkui--font_h0--font_size--compact, 44px)", + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height--compact", - "value": "var(--vkui--font_h0--line_height--compact, 52px)", + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 28px)", + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", }, "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 500)", + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 32px)", + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, }, - "fontH1": { + "fontCaption1Caps": { "auto": { "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", }, "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", }, "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", }, }, - "compact": { + "regular": { "fontFamily": { - "name": "--vkui--font_h1--font_family--compact", - "value": "var(--vkui--font_h1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 28px)", + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", }, "fontWeight": { - "name": "--vkui--font_h1--font_weight--compact", - "value": "var(--vkui--font_h1--font_weight--compact, 500)", + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 36px)", + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, - "regular": { + }, + "fontCaption2": { + "auto": { "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", }, "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 36px)", + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", }, "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 500)", + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 48px)", + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", }, }, - }, - "fontH2": { - "auto": { + "regular": { "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", }, "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--font_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, - "compact": { + }, + "fontCaption2Caps": { + "auto": { "fontFamily": { - "name": "--vkui--font_h2--font_family--compact", - "value": "var(--vkui--font_h2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", }, "fontSize": { - "name": "--vkui--font_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 24px)", + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", }, "fontWeight": { - "name": "--vkui--font_h2--font_weight--compact", - "value": "var(--vkui--font_h2--font_weight--compact, 500)", + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", }, "lineHeight": { - "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 32px)", + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 28px)", + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", }, "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 500)", + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", }, "lineHeight": { - "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 34px)", + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, }, - "fontH3": { + "fontCaption3": { "auto": { "fontFamily": { - "name": "--vkui--font_h3--font_family", - "value": "var(--vkui--font_h3--font_family)", + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", }, "fontSize": { - "name": "--vkui--font_h3--font_size", - "value": "var(--vkui--font_h3--font_size)", + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", }, "fontWeight": { - "name": "--vkui--font_h3--font_weight", - "value": "var(--vkui--font_h3--font_weight)", + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", }, "lineHeight": { - "name": "--vkui--font_h3--line_height", - "value": "var(--vkui--font_h3--line_height)", + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h3--font_family--regular", - "value": "var(--vkui--font_h3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h3--font_size--regular", - "value": "var(--vkui--font_h3--font_size--regular, 20px)", + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", }, "fontWeight": { - "name": "--vkui--font_h3--font_weight--regular", - "value": "var(--vkui--font_h3--font_weight--regular, 500)", + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--font_h3--line_height--regular", - "value": "var(--vkui--font_h3--line_height--regular, 26px)", + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, }, - "fontH4": { + "fontCaption3Caps": { "auto": { "fontFamily": { - "name": "--vkui--font_h4--font_family", - "value": "var(--vkui--font_h4--font_family)", + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", }, "fontSize": { - "name": "--vkui--font_h4--font_size", - "value": "var(--vkui--font_h4--font_size)", + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", }, "fontWeight": { - "name": "--vkui--font_h4--font_weight", - "value": "var(--vkui--font_h4--font_weight)", + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", }, "lineHeight": { - "name": "--vkui--font_h4--line_height", - "value": "var(--vkui--font_h4--line_height)", + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h4--font_family--regular", - "value": "var(--vkui--font_h4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h4--font_size--regular", - "value": "var(--vkui--font_h4--font_size--regular, 15px)", + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", }, "fontWeight": { - "name": "--vkui--font_h4--font_weight--regular", - "value": "var(--vkui--font_h4--font_weight--regular, 500)", + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", }, - "lineHeight": { - "name": "--vkui--font_h4--line_height--regular", - "value": "var(--vkui--font_h4--line_height--regular, 22px)", + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + }, + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + }, + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, @@ -249269,7 +259095,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -249317,7 +259143,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -249365,7 +259191,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -249403,7 +259229,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -249451,7 +259277,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -249499,7 +259325,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -249537,7 +259363,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -249575,7 +259401,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -249613,7 +259439,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -249653,25 +259479,9 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, - "fontWeightMedia1": { - "name": "--vkui--font_weight_media1", - "value": "var(--vkui--font_weight_media1, 700)", - }, - "fontWeightMedia2": { - "name": "--vkui--font_weight_media2", - "value": "var(--vkui--font_weight_media2, 600)", - }, - "fontWeightMedia3": { - "name": "--vkui--font_weight_media3", - "value": "var(--vkui--font_weight_media3, 500)", - }, - "fontWeightMedia4": { - "name": "--vkui--font_weight_media4", - "value": "var(--vkui--font_weight_media4, 400)", - }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -249679,1919 +259489,649 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", }, - "gridAsideContent": { + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { "auto": { - "name": "--vkui--grid_aside_content", - "value": "var(--vkui--grid_aside_content)", - }, - "compact": { - "name": "--vkui--grid_aside_content--compact", - "value": "var(--vkui--grid_aside_content--compact, 300px)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, - "compactX": { - "name": "--vkui--grid_aside_content--compact_x", - "value": "var(--vkui--grid_aside_content--compact_x, 300px)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, - "large": { - "name": "--vkui--grid_aside_content--large", - "value": "var(--vkui--grid_aside_content--large, 300px)", + }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--grid_aside_content--regular", - "value": "var(--vkui--grid_aside_content--regular, 100%)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "gridColumnX2": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--grid_column_x2", - "value": "var(--vkui--grid_column_x2)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "compact": { - "name": "--vkui--grid_column_x2--compact", - "value": "var(--vkui--grid_column_x2--compact, 430px)", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "compactX": { - "name": "--vkui--grid_column_x2--compact_x", - "value": "var(--vkui--grid_column_x2--compact_x, 280px)", + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "large": { - "name": "--vkui--grid_column_x2--large", - "value": "var(--vkui--grid_column_x2--large, 580px)", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--grid_column_x2--regular", - "value": "var(--vkui--grid_column_x2--regular, 100%)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "gridColumnX3": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--grid_column_x3", - "value": "var(--vkui--grid_column_x3)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, - "compact": { - "name": "--vkui--grid_column_x3--compact", - "value": "var(--vkui--grid_column_x3--compact, 280px)", + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, - "compactX": { - "name": "--vkui--grid_column_x3--compact_x", - "value": "var(--vkui--grid_column_x3--compact_x, 180px)", + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "large": { - "name": "--vkui--grid_column_x3--large", - "value": "var(--vkui--grid_column_x3--large, 380px)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--grid_column_x3--regular", - "value": "var(--vkui--grid_column_x3--regular, 100%)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "gridColumnX4": { + "sizeAvatarS": { "auto": { - "name": "--vkui--grid_column_x4", - "value": "var(--vkui--grid_column_x4)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "compact": { - "name": "--vkui--grid_column_x4--compact", - "value": "var(--vkui--grid_column_x4--compact, 205px)", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, - "compactX": { - "name": "--vkui--grid_column_x4--compact_x", - "value": "var(--vkui--grid_column_x4--compact_x, 130px)", + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "large": { - "name": "--vkui--grid_column_x4--large", - "value": "var(--vkui--grid_column_x4--large, 280px)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, "regular": { - "name": "--vkui--grid_column_x4--regular", - "value": "var(--vkui--grid_column_x4--regular, 100%)", + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "gridColumnX6": { + "sizeBadgeL": { "auto": { - "name": "--vkui--grid_column_x6", - "value": "var(--vkui--grid_column_x6)", + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "compact": { - "name": "--vkui--grid_column_x6--compact", - "value": "var(--vkui--grid_column_x6--compact, 130px)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, - "compactX": { - "name": "--vkui--grid_column_x6--compact_x", - "value": "var(--vkui--grid_column_x6--compact_x, 80px)", + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "large": { - "name": "--vkui--grid_column_x6--large", - "value": "var(--vkui--grid_column_x6--large, 180px)", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, "regular": { - "name": "--vkui--grid_column_x6--regular", - "value": "var(--vkui--grid_column_x6--regular, 100%)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "gridMainContent": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--grid_main_content", - "value": "var(--vkui--grid_main_content)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "compact": { - "name": "--vkui--grid_main_content--compact", - "value": "var(--vkui--grid_main_content--compact, 620px)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "compactX": { - "name": "--vkui--grid_main_content--compact_x", - "value": "var(--vkui--grid_main_content--compact_x, 620px)", + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "large": { - "name": "--vkui--grid_main_content--large", - "value": "var(--vkui--grid_main_content--large, 780px)", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, "regular": { - "name": "--vkui--grid_main_content--regular", - "value": "var(--vkui--grid_main_content--regular, 100%)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "gridMainContentWide": { + "sizeBasePadding": { "auto": { - "name": "--vkui--grid_main_content_wide", - "value": "var(--vkui--grid_main_content_wide)", + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, "compact": { - "name": "--vkui--grid_main_content_wide--compact", - "value": "var(--vkui--grid_main_content_wide--compact, 620px)", + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", }, - "compactX": { - "name": "--vkui--grid_main_content_wide--compact_x", - "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, - "large": { - "name": "--vkui--grid_main_content_wide--large", - "value": "var(--vkui--grid_main_content_wide--large, 860px)", + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "regular": { - "name": "--vkui--grid_main_content_wide--regular", - "value": "var(--vkui--grid_main_content_wide--regular, 100%)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "gridWrapperContent": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--grid_wrapper_content", - "value": "var(--vkui--grid_wrapper_content)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "compact": { - "name": "--vkui--grid_wrapper_content--compact", - "value": "var(--vkui--grid_wrapper_content--compact, 940px)", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, - "compactX": { - "name": "--vkui--grid_wrapper_content--compact_x", - "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "large": { - "name": "--vkui--grid_wrapper_content--large", - "value": "var(--vkui--grid_wrapper_content--large, 1260px)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--grid_wrapper_content--regular", - "value": "var(--vkui--grid_wrapper_content--regular, 100%)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "mediaFontMediaCaption": { + "sizeBorder3x": { "auto": { - "fontSize": { - "name": "--vkui--media_font_media_caption--font_size", - "value": "var(--vkui--media_font_media_caption--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_caption--font_weight", - "value": "var(--vkui--media_font_media_caption--font_weight)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_caption--line_height", - "value": "var(--vkui--media_font_media_caption--line_height)", - }, + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "compact": { - "fontSize": { - "name": "--vkui--media_font_media_caption--font_size--compact", - "value": "var(--vkui--media_font_media_caption--font_size--compact, 16px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_caption--font_weight--compact", - "value": "var(--vkui--media_font_media_caption--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_caption--line_height--compact", - "value": "var(--vkui--media_font_media_caption--line_height--compact, 26px)", - }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "fontSize": { - "name": "--vkui--media_font_media_caption--font_size--regular", - "value": "var(--vkui--media_font_media_caption--font_size--regular, 14px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_caption--font_weight--regular", - "value": "var(--vkui--media_font_media_caption--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_caption--line_height--regular", - "value": "var(--vkui--media_font_media_caption--line_height--regular, 22px)", - }, + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "mediaFontMediaCaptionCaps": { + "sizeBorderRadiusPaper": { "auto": { - "fontSize": { - "name": "--vkui--media_font_media_caption_caps--font_size", - "value": "var(--vkui--media_font_media_caption_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_caption_caps--font_weight", - "value": "var(--vkui--media_font_media_caption_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_caption_caps--letter_spacing", - "value": "var(--vkui--media_font_media_caption_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_caption_caps--line_height", - "value": "var(--vkui--media_font_media_caption_caps--line_height)", - }, + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "compact": { - "fontSize": { - "name": "--vkui--media_font_media_caption_caps--font_size--compact", - "value": "var(--vkui--media_font_media_caption_caps--font_size--compact, 15px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_caption_caps--font_weight--compact", - "value": "var(--vkui--media_font_media_caption_caps--font_weight--compact, 400)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_caption_caps--letter_spacing--compact", - "value": "var(--vkui--media_font_media_caption_caps--letter_spacing--compact, 0.05em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_caption_caps--line_height--compact", - "value": "var(--vkui--media_font_media_caption_caps--line_height--compact, 20px)", - }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, "regular": { - "fontSize": { - "name": "--vkui--media_font_media_caption_caps--font_size--regular", - "value": "var(--vkui--media_font_media_caption_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_caption_caps--font_weight--regular", - "value": "var(--vkui--media_font_media_caption_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_caption_caps--letter_spacing--regular", - "value": "var(--vkui--media_font_media_caption_caps--letter_spacing--regular, 0.05em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_caption_caps--line_height--regular", - "value": "var(--vkui--media_font_media_caption_caps--line_height--regular, 16px)", - }, + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "mediaFontMediaLead": { + "sizeBorderRadiusRounded": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_lead--font_family", - "value": "var(--vkui--media_font_media_lead--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_lead--font_size", - "value": "var(--vkui--media_font_media_lead--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_lead--font_weight", - "value": "var(--vkui--media_font_media_lead--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_lead--letter_spacing", - "value": "var(--vkui--media_font_media_lead--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_lead--line_height", - "value": "var(--vkui--media_font_media_lead--line_height)", - }, + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_lead--font_family--compact", - "value": "var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_lead--font_size--compact", - "value": "var(--vkui--media_font_media_lead--font_size--compact, 24px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_lead--font_weight--compact", - "value": "var(--vkui--media_font_media_lead--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_lead--letter_spacing--compact", - "value": "var(--vkui--media_font_media_lead--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_lead--line_height--compact", - "value": "var(--vkui--media_font_media_lead--line_height--compact, 36px)", - }, + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + }, + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_lead--font_family--regular", - "value": "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_lead--font_size--regular", - "value": "var(--vkui--media_font_media_lead--font_size--regular, 18px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_lead--font_weight--regular", - "value": "var(--vkui--media_font_media_lead--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_lead--letter_spacing--regular", - "value": "var(--vkui--media_font_media_lead--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_lead--line_height--regular", - "value": "var(--vkui--media_font_media_lead--line_height--regular, 26px)", - }, + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "mediaFontMediaParagraph": { + "sizeBorderWidthAccentSecondary": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph--font_family", - "value": "var(--vkui--media_font_media_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_paragraph--font_size", - "value": "var(--vkui--media_font_media_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph--font_weight", - "value": "var(--vkui--media_font_media_paragraph--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_paragraph--letter_spacing", - "value": "var(--vkui--media_font_media_paragraph--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph--line_height", - "value": "var(--vkui--media_font_media_paragraph--line_height)", - }, + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph--font_family--compact", - "value": "var(--vkui--media_font_media_paragraph--font_family--compact, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_paragraph--font_size--compact", - "value": "var(--vkui--media_font_media_paragraph--font_size--compact, 18px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph--font_weight--compact", - "value": "var(--vkui--media_font_media_paragraph--font_weight--compact, 400)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_paragraph--letter_spacing--compact", - "value": "var(--vkui--media_font_media_paragraph--letter_spacing--compact, 0.003em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph--line_height--compact", - "value": "var(--vkui--media_font_media_paragraph--line_height--compact, 32px)", - }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + }, + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph--font_family--regular", - "value": "var(--vkui--media_font_media_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_paragraph--font_size--regular", - "value": "var(--vkui--media_font_media_paragraph--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph--font_weight--regular", - "value": "var(--vkui--media_font_media_paragraph--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_paragraph--letter_spacing--regular", - "value": "var(--vkui--media_font_media_paragraph--letter_spacing--regular, 0.003em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph--line_height--regular", - "value": "var(--vkui--media_font_media_paragraph--line_height--regular, 28px)", - }, + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "mediaFontMediaParagraphNumbering": { + "sizeBorderWidthTab": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph_numbering--font_family", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_paragraph_numbering--font_size", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_size)", - }, - "fontStyle": { - "name": "--vkui--media_font_media_paragraph_numbering--font_style", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_style)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph_numbering--font_weight", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_paragraph_numbering--letter_spacing", - "value": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph_numbering--line_height", - "value": "var(--vkui--media_font_media_paragraph_numbering--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph_numbering--font_family--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_paragraph_numbering--font_size--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_size--compact, 18px)", - }, - "fontStyle": { - "name": "--vkui--media_font_media_paragraph_numbering--font_style--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_style--compact, italic)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph_numbering--font_weight--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_weight--compact, 700)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_paragraph_numbering--letter_spacing--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact, 0.003em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph_numbering--line_height--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--line_height--compact, 32px)", - }, + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph_numbering--font_family--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_paragraph_numbering--font_size--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_size--regular, 16px)", - }, - "fontStyle": { - "name": "--vkui--media_font_media_paragraph_numbering--font_style--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_style--regular, italic)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph_numbering--font_weight--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_weight--regular, 700)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_paragraph_numbering--letter_spacing--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular, 0.003em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph_numbering--line_height--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--line_height--regular, 28px)", - }, + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "mediaFontMediaParagraphSecondary": { + "sizeBulletMargin": { "auto": { - "fontSize": { - "name": "--vkui--media_font_media_paragraph_secondary--font_size", - "value": "var(--vkui--media_font_media_paragraph_secondary--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph_secondary--font_weight", - "value": "var(--vkui--media_font_media_paragraph_secondary--font_weight)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph_secondary--line_height", - "value": "var(--vkui--media_font_media_paragraph_secondary--line_height)", - }, + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, "regular": { - "fontSize": { - "name": "--vkui--media_font_media_paragraph_secondary--font_size--regular", - "value": "var(--vkui--media_font_media_paragraph_secondary--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_paragraph_secondary--font_weight--regular", - "value": "var(--vkui--media_font_media_paragraph_secondary--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_paragraph_secondary--line_height--regular", - "value": "var(--vkui--media_font_media_paragraph_secondary--line_height--regular, 24px)", - }, + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "mediaFontMediaQuote": { + "sizeButtonBaseLargePaddingHorizontal": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_quote--font_family", - "value": "var(--vkui--media_font_media_quote--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_quote--font_size", - "value": "var(--vkui--media_font_media_quote--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_quote--font_weight", - "value": "var(--vkui--media_font_media_quote--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_quote--letter_spacing", - "value": "var(--vkui--media_font_media_quote--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_quote--line_height", - "value": "var(--vkui--media_font_media_quote--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_quote--font_family--compact", - "value": "var(--vkui--media_font_media_quote--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_quote--font_size--compact", - "value": "var(--vkui--media_font_media_quote--font_size--compact, 24px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_quote--font_weight--compact", - "value": "var(--vkui--media_font_media_quote--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_quote--letter_spacing--compact", - "value": "var(--vkui--media_font_media_quote--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_quote--line_height--compact", - "value": "var(--vkui--media_font_media_quote--line_height--compact, 36px)", - }, + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_quote--font_family--regular", - "value": "var(--vkui--media_font_media_quote--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_quote--font_size--regular", - "value": "var(--vkui--media_font_media_quote--font_size--regular, 18px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_quote--font_weight--regular", - "value": "var(--vkui--media_font_media_quote--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_quote--letter_spacing--regular", - "value": "var(--vkui--media_font_media_quote--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_quote--line_height--regular", - "value": "var(--vkui--media_font_media_quote--line_height--regular, 26px)", - }, + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "mediaFontMediaQuotePerson": { + "sizeButtonBaseLargePaddingHorizontalIcon": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_quote_person--font_family", - "value": "var(--vkui--media_font_media_quote_person--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_quote_person--font_size", - "value": "var(--vkui--media_font_media_quote_person--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_quote_person--font_weight", - "value": "var(--vkui--media_font_media_quote_person--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_quote_person--letter_spacing", - "value": "var(--vkui--media_font_media_quote_person--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_quote_person--line_height", - "value": "var(--vkui--media_font_media_quote_person--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_quote_person--font_family--compact", - "value": "var(--vkui--media_font_media_quote_person--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_quote_person--font_size--compact", - "value": "var(--vkui--media_font_media_quote_person--font_size--compact, 24px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_quote_person--font_weight--compact", - "value": "var(--vkui--media_font_media_quote_person--font_weight--compact, 600)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_quote_person--letter_spacing--compact", - "value": "var(--vkui--media_font_media_quote_person--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_quote_person--line_height--compact", - "value": "var(--vkui--media_font_media_quote_person--line_height--compact, 32px)", - }, + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_quote_person--font_family--regular", - "value": "var(--vkui--media_font_media_quote_person--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_quote_person--font_size--regular", - "value": "var(--vkui--media_font_media_quote_person--font_size--regular, 18px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_quote_person--font_weight--regular", - "value": "var(--vkui--media_font_media_quote_person--font_weight--regular, 600)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_quote_person--letter_spacing--regular", - "value": "var(--vkui--media_font_media_quote_person--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_quote_person--line_height--regular", - "value": "var(--vkui--media_font_media_quote_person--line_height--regular, 24px)", - }, + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "mediaFontMediaSubtitleLight": { + "sizeButtonBaseMediumPaddingHorizontal": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_subtitle_light--font_family", - "value": "var(--vkui--media_font_media_subtitle_light--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_subtitle_light--font_size", - "value": "var(--vkui--media_font_media_subtitle_light--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_subtitle_light--font_weight", - "value": "var(--vkui--media_font_media_subtitle_light--font_weight)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_subtitle_light--line_height", - "value": "var(--vkui--media_font_media_subtitle_light--line_height)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_subtitle_light--font_family--regular", - "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_subtitle_light--font_size--regular", - "value": "var(--vkui--media_font_media_subtitle_light--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_subtitle_light--font_weight--regular", - "value": "var(--vkui--media_font_media_subtitle_light--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_subtitle_light--line_height--regular", - "value": "var(--vkui--media_font_media_subtitle_light--line_height--regular, 26px)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaTextSecondaryLight": { + "sizeButtonBaseMediumPaddingHorizontalIcon": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_text_secondary_light--font_family", - "value": "var(--vkui--media_font_media_text_secondary_light--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_text_secondary_light--font_size", - "value": "var(--vkui--media_font_media_text_secondary_light--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_text_secondary_light--font_weight", - "value": "var(--vkui--media_font_media_text_secondary_light--font_weight)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_text_secondary_light--line_height", - "value": "var(--vkui--media_font_media_text_secondary_light--line_height)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_text_secondary_light--font_family--regular", - "value": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_text_secondary_light--font_size--regular", - "value": "var(--vkui--media_font_media_text_secondary_light--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_text_secondary_light--font_weight--regular", - "value": "var(--vkui--media_font_media_text_secondary_light--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_text_secondary_light--line_height--regular", - "value": "var(--vkui--media_font_media_text_secondary_light--line_height--regular, 20px)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "mediaFontMediaTitle1": { + "sizeButtonBaseSmallPaddingHorizontal": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title1--font_family", - "value": "var(--vkui--media_font_media_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title1--font_size", - "value": "var(--vkui--media_font_media_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title1--font_weight", - "value": "var(--vkui--media_font_media_title1--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title1--letter_spacing", - "value": "var(--vkui--media_font_media_title1--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title1--line_height", - "value": "var(--vkui--media_font_media_title1--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title1--font_family--compact", - "value": "var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title1--font_size--compact", - "value": "var(--vkui--media_font_media_title1--font_size--compact, 48px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title1--font_weight--compact", - "value": "var(--vkui--media_font_media_title1--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title1--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title1--line_height--compact", - "value": "var(--vkui--media_font_media_title1--line_height--compact, 56px)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title1--font_family--regular", - "value": "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title1--font_size--regular", - "value": "var(--vkui--media_font_media_title1--font_size--regular, 30px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title1--font_weight--regular", - "value": "var(--vkui--media_font_media_title1--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title1--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title1--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title1--line_height--regular", - "value": "var(--vkui--media_font_media_title1--line_height--regular, 36px)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaTitle1Tiny": { + "sizeButtonBaseSmallPaddingHorizontalIcon": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title1_tiny--font_family", - "value": "var(--vkui--media_font_media_title1_tiny--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title1_tiny--font_size", - "value": "var(--vkui--media_font_media_title1_tiny--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title1_tiny--font_weight", - "value": "var(--vkui--media_font_media_title1_tiny--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title1_tiny--letter_spacing", - "value": "var(--vkui--media_font_media_title1_tiny--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title1_tiny--line_height", - "value": "var(--vkui--media_font_media_title1_tiny--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title1_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title1_tiny--font_size--compact", - "value": "var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title1_tiny--font_weight--compact", - "value": "var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title1_tiny--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title1_tiny--line_height--compact", - "value": "var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title1_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title1_tiny--font_size--regular", - "value": "var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title1_tiny--font_weight--regular", - "value": "var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title1_tiny--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title1_tiny--line_height--regular", - "value": "var(--vkui--media_font_media_title1_tiny--line_height--regular, 36px)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "mediaFontMediaTitle2": { + "sizeButtonGroupGapMedium": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title2--font_family", - "value": "var(--vkui--media_font_media_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title2--font_size", - "value": "var(--vkui--media_font_media_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title2--font_weight", - "value": "var(--vkui--media_font_media_title2--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title2--letter_spacing", - "value": "var(--vkui--media_font_media_title2--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title2--line_height", - "value": "var(--vkui--media_font_media_title2--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title2--font_family--compact", - "value": "var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title2--font_size--compact", - "value": "var(--vkui--media_font_media_title2--font_size--compact, 36px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title2--font_weight--compact", - "value": "var(--vkui--media_font_media_title2--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title2--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title2--line_height--compact", - "value": "var(--vkui--media_font_media_title2--line_height--compact, 44px)", - }, + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title2--font_family--regular", - "value": "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title2--font_size--regular", - "value": "var(--vkui--media_font_media_title2--font_size--regular, 28px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title2--font_weight--regular", - "value": "var(--vkui--media_font_media_title2--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title2--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title2--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title2--line_height--regular", - "value": "var(--vkui--media_font_media_title2--line_height--regular, 34px)", - }, + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "mediaFontMediaTitle2Tiny": { + "sizeButtonGroupGapSmall": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title2_tiny--font_family", - "value": "var(--vkui--media_font_media_title2_tiny--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title2_tiny--font_size", - "value": "var(--vkui--media_font_media_title2_tiny--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title2_tiny--font_weight", - "value": "var(--vkui--media_font_media_title2_tiny--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title2_tiny--letter_spacing", - "value": "var(--vkui--media_font_media_title2_tiny--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title2_tiny--line_height", - "value": "var(--vkui--media_font_media_title2_tiny--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title2_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title2_tiny--font_size--compact", - "value": "var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title2_tiny--font_weight--compact", - "value": "var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title2_tiny--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title2_tiny--line_height--compact", - "value": "var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px)", - }, + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title2_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title2_tiny--font_size--regular", - "value": "var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title2_tiny--font_weight--regular", - "value": "var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title2_tiny--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title2_tiny--line_height--regular", - "value": "var(--vkui--media_font_media_title2_tiny--line_height--regular, 32px)", - }, + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "mediaFontMediaTitle3": { + "sizeButtonGroupGapSpace": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title3--font_family", - "value": "var(--vkui--media_font_media_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title3--font_size", - "value": "var(--vkui--media_font_media_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title3--font_weight", - "value": "var(--vkui--media_font_media_title3--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title3--letter_spacing", - "value": "var(--vkui--media_font_media_title3--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title3--line_height", - "value": "var(--vkui--media_font_media_title3--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title3--font_family--compact", - "value": "var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title3--font_size--compact", - "value": "var(--vkui--media_font_media_title3--font_size--compact, 32px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title3--font_weight--compact", - "value": "var(--vkui--media_font_media_title3--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title3--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title3--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title3--line_height--compact", - "value": "var(--vkui--media_font_media_title3--line_height--compact, 40px)", - }, + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title3--font_family--regular", - "value": "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title3--font_size--regular", - "value": "var(--vkui--media_font_media_title3--font_size--regular, 26px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title3--font_weight--regular", - "value": "var(--vkui--media_font_media_title3--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title3--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title3--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title3--line_height--regular", - "value": "var(--vkui--media_font_media_title3--line_height--regular, 32px)", - }, + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "mediaFontMediaTitle4": { + "sizeButtonIconPadding": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title4--font_family", - "value": "var(--vkui--media_font_media_title4--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title4--font_size", - "value": "var(--vkui--media_font_media_title4--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title4--font_weight", - "value": "var(--vkui--media_font_media_title4--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title4--letter_spacing", - "value": "var(--vkui--media_font_media_title4--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title4--line_height", - "value": "var(--vkui--media_font_media_title4--line_height)", - }, + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title4--font_family--compact", - "value": "var(--vkui--media_font_media_title4--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title4--font_size--compact", - "value": "var(--vkui--media_font_media_title4--font_size--compact, 28px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title4--font_weight--compact", - "value": "var(--vkui--media_font_media_title4--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title4--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title4--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title4--line_height--compact", - "value": "var(--vkui--media_font_media_title4--line_height--compact, 36px)", - }, + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title4--font_family--regular", - "value": "var(--vkui--media_font_media_title4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title4--font_size--regular", - "value": "var(--vkui--media_font_media_title4--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title4--font_weight--regular", - "value": "var(--vkui--media_font_media_title4--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title4--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title4--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title4--line_height--regular", - "value": "var(--vkui--media_font_media_title4--line_height--regular, 30px)", - }, + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, - "mediaFontMediaTitle5": { + "sizeButtonLargeHeight": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title5--font_family", - "value": "var(--vkui--media_font_media_title5--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title5--font_size", - "value": "var(--vkui--media_font_media_title5--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title5--font_weight", - "value": "var(--vkui--media_font_media_title5--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title5--letter_spacing", - "value": "var(--vkui--media_font_media_title5--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title5--line_height", - "value": "var(--vkui--media_font_media_title5--line_height)", - }, + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title5--font_family--compact", - "value": "var(--vkui--media_font_media_title5--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title5--font_size--compact", - "value": "var(--vkui--media_font_media_title5--font_size--compact, 24px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title5--font_weight--compact", - "value": "var(--vkui--media_font_media_title5--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title5--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title5--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title5--line_height--compact", - "value": "var(--vkui--media_font_media_title5--line_height--compact, 32px)", - }, + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title5--font_family--regular", - "value": "var(--vkui--media_font_media_title5--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title5--font_size--regular", - "value": "var(--vkui--media_font_media_title5--font_size--regular, 22px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title5--font_weight--regular", - "value": "var(--vkui--media_font_media_title5--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title5--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title5--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title5--line_height--regular", - "value": "var(--vkui--media_font_media_title5--line_height--regular, 28px)", - }, + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "mediaFontMediaTitle6": { + "sizeButtonMediumHeight": { "auto": { - "fontFamily": { - "name": "--vkui--media_font_media_title6--font_family", - "value": "var(--vkui--media_font_media_title6--font_family)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title6--font_size", - "value": "var(--vkui--media_font_media_title6--font_size)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title6--font_weight", - "value": "var(--vkui--media_font_media_title6--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title6--letter_spacing", - "value": "var(--vkui--media_font_media_title6--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title6--line_height", - "value": "var(--vkui--media_font_media_title6--line_height)", - }, + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title6--font_family--compact", - "value": "var(--vkui--media_font_media_title6--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title6--font_size--compact", - "value": "var(--vkui--media_font_media_title6--font_size--compact, 22px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title6--font_weight--compact", - "value": "var(--vkui--media_font_media_title6--font_weight--compact, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title6--letter_spacing--compact", - "value": "var(--vkui--media_font_media_title6--letter_spacing--compact, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title6--line_height--compact", - "value": "var(--vkui--media_font_media_title6--line_height--compact, 28px)", - }, + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title6--font_family--regular", - "value": "var(--vkui--media_font_media_title6--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--media_font_media_title6--font_size--regular", - "value": "var(--vkui--media_font_media_title6--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--media_font_media_title6--font_weight--regular", - "value": "var(--vkui--media_font_media_title6--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--media_font_media_title6--letter_spacing--regular", - "value": "var(--vkui--media_font_media_title6--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--media_font_media_title6--line_height--regular", - "value": "var(--vkui--media_font_media_title6--line_height--regular, 26px)", - }, + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "mediaSizeGap": { - "name": "--vkui--media_size_gap", - "value": "var(--vkui--media_size_gap, 20px)", - }, - "mediaSizeGrid": { - "name": "--vkui--media_size_grid", - "value": "var(--vkui--media_size_grid, 60px)", - }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", - }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", - }, - "prefix": { - "name": "--vkui--prefix", - "value": "var(--vkui--prefix, vkui)", - }, - "sizeArrow": { + "sizeButtonMinimumWidth": { "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "sizeArrowHeight": { + "sizeButtonMorePadding": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "sizeArrowPadding": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "sizeArrowPromo": { + "sizeButtonSliderHeight": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "sizeArrowWidth": { + "sizeButtonSliderWidth": { "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "sizeAttributeMargin": { + "sizeButtonSliderWidthPointer": { "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "sizeAvatarL": { + "sizeButtonSmallHeight": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "sizeAvatarM": { + "sizeButtonTertiaryLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "sizeAvatarS": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "sizeAvatarXL": { + "sizeButtonTertiaryMediumPaddingHorizontal": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "sizeAvatarXS": { + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "sizeBadgeL": { + "sizeButtonTertiarySmallPaddingHorizontal": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "sizeBadgeM": { + "sizeButtonTertiarySmallPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "sizeBadgeS": { + "sizeCardBorderRadius": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "sizeBadgeXL": { + "sizeCardgridPadding": { "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "sizeBadgeXS": { + "sizeCardgridPaddingVertical": { "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", - }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", - }, - }, - "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", - }, - "compactX": { - "name": "--vkui--size_base_padding--compact_x", - "value": "var(--vkui--size_base_padding--compact_x, 16px)", - }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 20px)", - }, - }, - "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)", - }, - }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", - }, - }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", - }, - }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", - }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", - }, - }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", - }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", - }, - }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", - }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", - }, - }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", - }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", - }, - }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", - }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", - }, - }, - "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)", - }, - }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", - }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", - }, - }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", - }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", - }, - }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", - }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", - }, - }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", - }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", - }, - }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", - }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", - }, - }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", - }, - }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", - }, - }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", - }, - }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", - }, - }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", - }, - }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", - }, - }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", - }, - }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", - }, - }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", - }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", - }, - }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", - }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 20px)", - }, - }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", - }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 48px)", - }, - }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", - }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 40px)", - }, - }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", - }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", - }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", - }, - }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, - }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", - }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", - }, - }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", - }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", - }, - }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", - }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", - }, - }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", - }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 36px)", - }, - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", - }, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", - }, - }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", - }, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", - }, - }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", - }, - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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, 16px)", - }, - }, - "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, 12px)", - }, - }, - "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)", - }, - }, - "sizeCheckBorderRadius": { + "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", "value": "var(--vkui--size_check_border_radius)", @@ -251628,15 +260168,11 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 130px)", - }, - "compactX": { - "name": "--vkui--size_control_button_width_min--compact_x", - "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", }, "regular": { "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 94px)", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, "sizeDivPadding": { @@ -251684,9 +260220,13 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_height", "value": "var(--vkui--size_field_height)", }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 48px)", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, "sizeFieldHorizontalMargin": { @@ -251694,14 +260234,6 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_horizontal_margin", "value": "var(--vkui--size_field_horizontal_margin)", }, - "compact": { - "name": "--vkui--size_field_horizontal_margin--compact", - "value": "var(--vkui--size_field_horizontal_margin--compact, 16px)", - }, - "compactX": { - "name": "--vkui--size_field_horizontal_margin--compact_x", - "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", - }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", @@ -251742,13 +260274,13 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_width_min", "value": "var(--vkui--size_field_width_min)", }, - "compactX": { - "name": "--vkui--size_field_width_min--compact_x", - "value": "var(--vkui--size_field_width_min--compact_x, 288px)", + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", }, "regular": { "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 380px)", + "value": "var(--vkui--size_field_width_min--regular, 328px)", }, }, "sizeFormItemPaddingVertical": { @@ -251780,9 +260312,13 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_margin", "value": "var(--vkui--size_icon_margin)", }, + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", + }, "regular": { "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 8px)", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, "sizeIconMorePadding": { @@ -251790,6 +260326,10 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_more_padding", "value": "var(--vkui--size_icon_more_padding)", }, + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + }, "regular": { "name": "--vkui--size_icon_more_padding--regular", "value": "var(--vkui--size_icon_more_padding--regular, 12px)", @@ -251800,17 +260340,9 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_u_i", "value": "var(--vkui--size_icon_u_i)", }, - "compact": { - "name": "--vkui--size_icon_u_i--compact", - "value": "var(--vkui--size_icon_u_i--compact, 16px)", - }, - "compactX": { - "name": "--vkui--size_icon_u_i--compact_x", - "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", - }, "regular": { "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 18px)", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, "sizeIllustrationL": { @@ -251942,13 +260474,13 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_popup_base_padding", "value": "var(--vkui--size_popup_base_padding)", }, - "compactX": { - "name": "--vkui--size_popup_base_padding--compact_x", - "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", }, "regular": { "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, "sizePopupHeaderPadding": { @@ -251956,13 +260488,13 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_popup_header_padding", "value": "var(--vkui--size_popup_header_padding)", }, - "compactX": { - "name": "--vkui--size_popup_header_padding--compact_x", - "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", }, "regular": { "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, "sizePopupLarge": { @@ -251982,15 +260514,11 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 8px)", - }, - "compactX": { - "name": "--vkui--size_popup_margin--compact_x", - "value": "var(--vkui--size_popup_margin--compact_x, 8px)", + "value": "var(--vkui--size_popup_margin--compact, 24px)", }, "regular": { "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 24px)", + "value": "var(--vkui--size_popup_margin--regular, 8px)", }, }, "sizePopupMedium": { @@ -252064,15 +260592,11 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", - }, - "compactX": { - "name": "--vkui--size_select_icon_padding--compact_x", - "value": "var(--vkui--size_select_icon_padding--compact_x, 7px)", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", }, "regular": { "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, "sizeSliceBottomPadding": { @@ -252172,14 +260696,6 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_tab_margin", "value": "var(--vkui--size_tab_margin)", }, - "compact": { - "name": "--vkui--size_tab_margin--compact", - "value": "var(--vkui--size_tab_margin--compact, 32px)", - }, - "compactX": { - "name": "--vkui--size_tab_margin--compact_x", - "value": "var(--vkui--size_tab_margin--compact_x, 32px)", - }, "regular": { "name": "--vkui--size_tab_margin--regular", "value": "var(--vkui--size_tab_margin--regular, 8px)", @@ -252190,14 +260706,6 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_tab_padding", "value": "var(--vkui--size_tab_padding)", }, - "compact": { - "name": "--vkui--size_tab_padding--compact", - "value": "var(--vkui--size_tab_padding--compact, 0px)", - }, - "compactX": { - "name": "--vkui--size_tab_padding--compact_x", - "value": "var(--vkui--size_tab_padding--compact_x, 0px)", - }, "regular": { "name": "--vkui--size_tab_padding--regular", "value": "var(--vkui--size_tab_padding--regular, 16px)", @@ -252325,11 +260833,11 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, pharma)", + "value": "var(--vkui--theme_name, paradigmBaseDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, pharma)", + "value": "var(--vkui--theme_name_base, paradigmBase)", }, "themeType": "cssVars", "toneValueActive": { @@ -252364,45 +260872,21 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--type_border_position", "value": "var(--vkui--type_border_position, inset)", }, - "widthDesktopM": { - "name": "--vkui--width_desktop_m", - "value": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", - }, "widthDesktopS": { "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", - }, - "widthFromDesktopM": { - "name": "--vkui--width_from_desktop_m", - "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, "widthFromDesktopS": { "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", - }, - "widthFromTablet": { - "name": "--vkui--width_from_tablet", - "value": "var(--vkui--width_from_tablet, "(min-width: 660px)")", - }, - "widthTablet": { - "name": "--vkui--width_tablet", - "value": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", - }, - "widthToDesktopS": { - "name": "--vkui--width_to_desktop_s", - "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", - }, - "widthToTablet": { - "name": "--vkui--width_to_tablet", - "value": "var(--vkui--width_to_tablet, "(max-width: 979px)")", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, "widthToTouch": { "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 659px)")", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", }, "widthTouch": { "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 659px)")", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", }, "x0": { "name": "--vkui--x0", @@ -252471,7 +260955,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -252479,17 +260963,9 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -252497,89 +260973,89 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", + "active": "#1BE7F9", + "hover": "#11E6F9", "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", + "active": "#BEFC80", + "hover": "#BBFC7B", "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", + "active": "#F16953", + "hover": "#F1634B", "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", + "active": "#FF498F", + "hover": "#FF418A", "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", + "active": "#C66AF4", + "hover": "#C363F3", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -252587,63 +261063,63 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -252652,554 +261128,444 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", - }, + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", + }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorPrimaryAuto": { - "active": "#EB4A05", - "hover": "#F54C02", - "normal": "#ff4f00", - }, - "colorPrimaryBase": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005ff9", - }, - "colorPrimaryDeti": { - "active": "#BA91E5", - "hover": "#C296ED", - "normal": "#ca9cf4", - }, - "colorPrimaryDobro": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", - }, - "colorPrimaryHealth": { - "active": "#007774", - "hover": "#007C77", - "normal": "#008079", - }, - "colorPrimaryHealthNew": { - "active": "#37C291", - "hover": "#3ACA94", - "normal": "#3cd298", - }, - "colorPrimaryHitech": { - "active": "#5150CA", - "hover": "#5453D0", - "normal": "#5856d6", - }, - "colorPrimaryKino": { - "active": "#D7EC05", - "hover": "#E1F502", - "normal": "#eaff00", - }, - "colorPrimaryLady": { - "active": "#EB2B52", - "hover": "#F52C53", - "normal": "#ff2d54", - }, - "colorPrimaryMycom": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPrimaryPets": { - "active": "#E9626A", - "hover": "#F3656C", - "normal": "#fd696e", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#4684B2", - "hover": "#4989B7", - "normal": "#4c8ebc", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", + "active": "#FFD714", + "hover": "#FFD60A", "normal": "#ffd400", }, - "colorSale": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", - }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", - }, - "colorSecondaryBase": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "colorSecondaryHealth": { - "active": "#E9D851", - "hover": "#F3E052", - "normal": "#fde953", - }, - "colorSecondaryMycom": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", - }, - "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", - "normal": "#1769ff", - }, - "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", - "normal": "#ea4c89", - }, - "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", - "normal": "#1877f2", - }, - "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", - "normal": "#117eda", - }, - "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#ee8208", - }, - "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", - "normal": "#1da1f2", - }, - "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", + "active": "#6098E2", + "hover": "#5993E0", "normal": "#528FDF", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { "active": "rgba(237, 10, 52, 0.2)", @@ -253207,89 +261573,89 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", + "active": "#8DB1EC", + "hover": "#88ADEB", "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", "fontCaption1": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -253297,7 +261663,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", @@ -253307,7 +261673,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -253315,7 +261681,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", @@ -253325,7 +261691,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -253333,7 +261699,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", @@ -253379,13 +261745,12 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -253393,7 +261758,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", @@ -253415,55 +261780,35 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, + "fontSize": "32px", "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "36px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", "fontWeight": 500, - "lineHeight": "48px", + "lineHeight": "28px", }, }, "fontH2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "34px", + "lineHeight": "32px", }, - }, - "fontH3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", }, }, - "fontH4": { - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "22px", - }, - }, "fontHeadline": { "compact": { "fontSize": "15px", "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -253475,7 +261820,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -253487,7 +261832,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -253495,7 +261840,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -253507,7 +261852,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -253519,7 +261864,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -253527,7 +261872,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -253535,7 +261880,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -253543,7 +261888,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -253555,326 +261900,12 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, - "fontWeightMedia1": 700, - "fontWeightMedia2": 600, - "fontWeightMedia3": 500, - "fontWeightMedia4": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gridAsideContent": { - "compact": "300px", - "compactX": "300px", - "large": "300px", - "regular": "100%", - }, - "gridColumnX2": { - "compact": "430px", - "compactX": "280px", - "large": "580px", - "regular": "100%", - }, - "gridColumnX3": { - "compact": "280px", - "compactX": "180px", - "large": "380px", - "regular": "100%", - }, - "gridColumnX4": { - "compact": "205px", - "compactX": "130px", - "large": "280px", - "regular": "100%", - }, - "gridColumnX6": { - "compact": "130px", - "compactX": "80px", - "large": "180px", - "regular": "100%", - }, - "gridMainContent": { - "compact": "620px", - "compactX": "620px", - "large": "780px", - "regular": "100%", - }, - "gridMainContentWide": { - "compact": "620px", - "compactX": "620px", - "large": "860px", - "regular": "100%", - }, - "gridWrapperContent": { - "compact": "940px", - "compactX": "620px", - "large": "1260px", - "regular": "100%", - }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "26px", - }, - "regular": { - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "22px", - }, - }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": "15px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "20px", - }, - "regular": { - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "16px", - }, - }, - "mediaFontMediaLead": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "26px", - }, - }, - "mediaFontMediaParagraph": { - "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", - }, - }, - "mediaFontMediaParagraphNumbering": { - "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": "18px", - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": "28px", - }, - }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "24px", - }, - }, - "mediaFontMediaQuote": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "26px", - }, - }, - "mediaFontMediaQuotePerson": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": "24px", - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "26px", - }, - }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "mediaFontMediaTitle1": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "48px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "56px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "30px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - }, - "mediaFontMediaTitle1Tiny": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "40px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "48px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "30px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - }, - "mediaFontMediaTitle2": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "36px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "34px", - }, - }, - "mediaFontMediaTitle2Tiny": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "40px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "26px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, - }, - "mediaFontMediaTitle3": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "40px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "26px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, - }, - "mediaFontMediaTitle4": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "30px", - }, - }, - "mediaFontMediaTitle5": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "28px", - }, - }, - "mediaFontMediaTitle6": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "28px", - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "26px", - }, - }, - "mediaSizeGap": "20px", - "mediaSizeGrid": "60px", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, - "prefix": "vkui", "sizeArrow": { "regular": "8px", }, @@ -253928,8 +261959,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { - "compactX": "16px", - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeBasePaddingHorizontal": { "regular": "16px", @@ -253950,7 +261981,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -253962,7 +261993,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "4px", + "regular": "8px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -254001,13 +262032,16 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { - "regular": "48px", + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "regular": "40px", + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -254016,6 +262050,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -254028,7 +262063,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "36px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -254067,9 +262103,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "130px", - "compactX": "130px", - "regular": "94px", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { "regular": "4px", @@ -254084,11 +262119,10 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "regular": "48px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { - "compact": "16px", - "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -254101,8 +262135,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { - "compactX": "288px", - "regular": "380px", + "compact": "380px", + "regular": "328px", }, "sizeFormItemPaddingVertical": { "regular": "12px", @@ -254112,15 +262146,15 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { - "regular": "8px", + "compact": "8px", + "regular": "12px", }, "sizeIconMorePadding": { + "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "compact": "16px", - "compactX": "16px", - "regular": "18px", + "regular": "16px", }, "sizeIllustrationL": { "regular": "144px", @@ -254160,20 +262194,19 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "56px", }, "sizePopupBasePadding": { - "compactX": "20px", - "regular": "32px", + "compact": "32px", + "regular": "20px", }, "sizePopupHeaderPadding": { - "compactX": "16px", - "regular": "24px", + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { "regular": "880px", }, "sizePopupMargin": { - "compact": "8px", - "compactX": "8px", - "regular": "24px", + "compact": "24px", + "regular": "8px", }, "sizePopupMedium": { "regular": "680px", @@ -254195,9 +262228,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "7px", - "compactX": "7px", - "regular": "6px", + "compact": "6px", + "regular": "7px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -254227,13 +262259,9 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "34px", }, "sizeTabMargin": { - "compact": "32px", - "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { - "compact": "0px", - "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -254270,8 +262298,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "pharma", - "themeNameBase": "pharma", + "themeName": "paradigmBaseDark", + "themeNameBase": "paradigmBase", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -254281,16 +262309,10 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopM": "(min-width: 1300px)", - "widthDesktopS": "(min-width: 980px) and (max-width: 1299px)", - "widthFromDesktopM": "(min-width: 1300px)", - "widthFromDesktopS": "(min-width: 980px)", - "widthFromTablet": "(min-width: 660px)", - "widthTablet": "(min-width: 660px) and (max-width: 979px)", - "widthToDesktopS": "(max-width: 1299px)", - "widthToTablet": "(max-width: 979px)", - "widthToTouch": "(max-width: 659px)", - "widthTouch": "(max-width: 659px)", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -254310,7 +262332,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -254318,17 +262340,9 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", "breakpoints": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -254336,89 +262350,89 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, }, "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A9E971)", - "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "active": "var(--vkui--color_accent_lime--active, #BEFC80)", + "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", - "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #EB367F)", - "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "active": "var(--vkui--color_accent_pink--active, #FF498F)", + "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -254426,63 +262440,63 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1BC39A)", - "hover": "var(--vkui--color_background_accent--hover, #1CCB9E)", - "normal": "var(--vkui--color_background_accent, #1DD3A2)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { @@ -254491,554 +262505,444 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + "active": "var(--vkui--color_background_info_tint--active, #2B3240)", + "hover": "var(--vkui--color_background_info_tint--hover, #222937)", + "normal": "var(--vkui--color_background_info_tint, #19202f)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_modal_inverse, #303030)", + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", + "normal": "var(--vkui--color_background_positive_tint, #182A22)", }, "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", }, "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint, #fffce0)", + "active": "var(--vkui--color_background_warning_tint--active, #41372A)", + "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", + "normal": "var(--vkui--color_background_warning_tint, #302617)", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", - "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "hover": "var(--vkui--color_button_contrast--hover, #29292A)", + "normal": "var(--vkui--color_button_contrast, #252526)", }, "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #ffffff)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #1BC39A)", - "hover": "var(--vkui--color_icon_accent--hover, #1CCB9E)", - "normal": "var(--vkui--color_icon_accent, #1DD3A2)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EB9305)", - "hover": "var(--vkui--color_icon_warning--hover, #F59802)", + "active": "var(--vkui--color_icon_warning--active, #FFA614)", + "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", }, "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", - }, - "colorPrimaryAuto": { - "active": "var(--vkui--color_primary_auto--active, #EB4A05)", - "hover": "var(--vkui--color_primary_auto--hover, #F54C02)", - "normal": "var(--vkui--color_primary_auto, #ff4f00)", - }, - "colorPrimaryBase": { - "active": "var(--vkui--color_primary_base--active, #0059EA)", - "hover": "var(--vkui--color_primary_base--hover, #005CF1)", - "normal": "var(--vkui--color_primary_base, #005ff9)", - }, - "colorPrimaryDeti": { - "active": "var(--vkui--color_primary_deti--active, #BA91E5)", - "hover": "var(--vkui--color_primary_deti--hover, #C296ED)", - "normal": "var(--vkui--color_primary_deti, #ca9cf4)", - }, - "colorPrimaryDobro": { - "active": "var(--vkui--color_primary_dobro--active, #EBC405)", - "hover": "var(--vkui--color_primary_dobro--hover, #F5CC02)", - "normal": "var(--vkui--color_primary_dobro, #ffd400)", - }, - "colorPrimaryHealth": { - "active": "var(--vkui--color_primary_health--active, #007774)", - "hover": "var(--vkui--color_primary_health--hover, #007C77)", - "normal": "var(--vkui--color_primary_health, #008079)", - }, - "colorPrimaryHealthNew": { - "active": "var(--vkui--color_primary_health_new--active, #37C291)", - "hover": "var(--vkui--color_primary_health_new--hover, #3ACA94)", - "normal": "var(--vkui--color_primary_health_new, #3cd298)", - }, - "colorPrimaryHitech": { - "active": "var(--vkui--color_primary_hitech--active, #5150CA)", - "hover": "var(--vkui--color_primary_hitech--hover, #5453D0)", - "normal": "var(--vkui--color_primary_hitech, #5856d6)", - }, - "colorPrimaryKino": { - "active": "var(--vkui--color_primary_kino--active, #D7EC05)", - "hover": "var(--vkui--color_primary_kino--hover, #E1F502)", - "normal": "var(--vkui--color_primary_kino, #eaff00)", - }, - "colorPrimaryLady": { - "active": "var(--vkui--color_primary_lady--active, #EB2B52)", - "hover": "var(--vkui--color_primary_lady--hover, #F52C53)", - "normal": "var(--vkui--color_primary_lady, #ff2d54)", - }, - "colorPrimaryMycom": { - "active": "var(--vkui--color_primary_mycom--active, #009FE4)", - "hover": "var(--vkui--color_primary_mycom--hover, #00A5EB)", - "normal": "var(--vkui--color_primary_mycom, #00abf2)", - }, - "colorPrimaryPets": { - "active": "var(--vkui--color_primary_pets--active, #E9626A)", - "hover": "var(--vkui--color_primary_pets--hover, #F3656C)", - "normal": "var(--vkui--color_primary_pets, #fd696e)", - }, - "colorPrimaryPharma": { - "active": "var(--vkui--color_primary_pharma--active, #1BC39A)", - "hover": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", - "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", - }, - "colorPrimaryRealty": { - "active": "var(--vkui--color_primary_realty--active, #4684B2)", - "hover": "var(--vkui--color_primary_realty--hover, #4989B7)", - "normal": "var(--vkui--color_primary_realty, #4c8ebc)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { - "active": "var(--vkui--color_rating--active, #EBC405)", - "hover": "var(--vkui--color_rating--hover, #F5CC02)", + "active": "var(--vkui--color_rating--active, #FFD714)", + "hover": "var(--vkui--color_rating--hover, #FFD60A)", "normal": "var(--vkui--color_rating, #ffd400)", }, - "colorSale": { - "active": "var(--vkui--color_sale--active, #D8187C)", - "hover": "var(--vkui--color_sale--hover, #E2197E)", - "normal": "var(--vkui--color_sale, #eb1981)", - }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", - "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - "normal": "var(--vkui--color_search_field_background, #E6E7EB)", - }, - "colorSecondaryBase": { - "active": "var(--vkui--color_secondary_base--active, #EB9305)", - "hover": "var(--vkui--color_secondary_base--hover, #F59802)", - "normal": "var(--vkui--color_secondary_base, #ff9e00)", - }, - "colorSecondaryHealth": { - "active": "var(--vkui--color_secondary_health--active, #E9D851)", - "hover": "var(--vkui--color_secondary_health--hover, #F3E052)", - "normal": "var(--vkui--color_secondary_health, #fde953)", - }, - "colorSecondaryMycom": { - "active": "var(--vkui--color_secondary_mycom--active, #E82A38)", - "hover": "var(--vkui--color_secondary_mycom--hover, #F22B38)", - "normal": "var(--vkui--color_secondary_mycom, #fc2c38)", + "active": "var(--vkui--color_search_field_background--active, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #EBECEF)", - "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "active": "var(--vkui--color_separator_primary2x--active, #323234)", + "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "normal": "var(--vkui--color_separator_primary2x, #202022)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", + "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", - }, - "colorSocialBehance": { - "active": "var(--vkui--color_social_behance--active, #1562EF)", - "hover": "var(--vkui--color_social_behance--hover, #1665F7)", - "normal": "var(--vkui--color_social_behance, #1769ff)", - }, - "colorSocialDribbble": { - "active": "var(--vkui--color_social_dribbble--active, #D74783)", - "hover": "var(--vkui--color_social_dribbble--hover, #E14A86)", - "normal": "var(--vkui--color_social_dribbble, #ea4c89)", - }, - "colorSocialFb": { - "active": "var(--vkui--color_social_fb--active, #166FE4)", - "hover": "var(--vkui--color_social_fb--hover, #1773EB)", - "normal": "var(--vkui--color_social_fb, #1877f2)", - }, - "colorSocialMir": { - "active": "var(--vkui--color_social_mir--active, #1075CD)", - "hover": "var(--vkui--color_social_mir--hover, #107AD4)", - "normal": "var(--vkui--color_social_mir, #117eda)", - }, - "colorSocialOk": { - "active": "var(--vkui--color_social_ok--active, #DB790C)", - "hover": "var(--vkui--color_social_ok--hover, #E47D0A)", - "normal": "var(--vkui--color_social_ok, #ee8208)", - }, - "colorSocialTwitter": { - "active": "var(--vkui--color_social_twitter--active, #1B95E4)", - "hover": "var(--vkui--color_social_twitter--hover, #1C9BEB)", - "normal": "var(--vkui--color_social_twitter, #1da1f2)", - }, - "colorSocialVk": { - "active": "var(--vkui--color_social_vk--active, #3A80D3)", - "hover": "var(--vkui--color_social_vk--hover, #3C85D9)", - "normal": "var(--vkui--color_social_vk, #3F8AE0)", + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #1BC39A)", - "hover": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", - "normal": "var(--vkui--color_stroke_accent, #1DD3A2)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #1BC39A)", - "hover": "var(--vkui--color_text_accent--hover, #1CCB9E)", - "normal": "var(--vkui--color_text_accent, #1DD3A2)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", - "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "active": "var(--vkui--color_text_link_visited--active, #6098E2)", + "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2C2D2E)", + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #797A80)", + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", }, "colorThumbErrorBackgroundAlpha": { "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", @@ -255046,89 +262950,89 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", }, "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", }, "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", }, "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", }, "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", }, "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", }, "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", }, "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #DADCE0)", + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, - "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", - "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", - "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation2": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + "elevation3": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "elevation4": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", @@ -255136,7 +263040,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", @@ -255146,7 +263050,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -255154,7 +263058,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", @@ -255164,7 +263068,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -255172,7 +263076,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", @@ -255218,13 +263122,12 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontFamilyArticle": "var(--vkui--font_family_article, Inter, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", @@ -255232,7 +263135,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", @@ -255254,46 +263157,26 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "var(--vkui--font_h1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--compact, 28px)", - "fontWeight": "var(--vkui--font_h1--font_weight--compact, 500)", + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 36px)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 48px)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, "fontH2": { "compact": { - "fontFamily": "var(--vkui--font_h2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--compact, 24px)", - "fontWeight": "var(--vkui--font_h2--font_weight--compact, 500)", + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 28px)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 34px)", - }, - }, - "fontH3": { - "regular": { - "fontFamily": "var(--vkui--font_h3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h3--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_h3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h3--line_height--regular, 26px)", - }, - }, - "fontH4": { - "regular": { - "fontFamily": "var(--vkui--font_h4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h4--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_h4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h4--line_height--regular, 22px)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, "fontHeadline": { @@ -255302,7 +263185,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -255314,7 +263197,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -255326,7 +263209,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -255334,7 +263217,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -255346,7 +263229,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -255358,7 +263241,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -255366,7 +263249,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -255374,7 +263257,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", @@ -255382,7 +263265,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -255394,326 +263277,12 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "fontWeightMedia1": "var(--vkui--font_weight_media1, 700)", - "fontWeightMedia2": "var(--vkui--font_weight_media2, 600)", - "fontWeightMedia3": "var(--vkui--font_weight_media3, 500)", - "fontWeightMedia4": "var(--vkui--font_weight_media4, 400)", - "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "gridAsideContent": { - "compact": "var(--vkui--grid_aside_content--compact, 300px)", - "compactX": "var(--vkui--grid_aside_content--compact_x, 300px)", - "large": "var(--vkui--grid_aside_content--large, 300px)", - "regular": "var(--vkui--grid_aside_content--regular, 100%)", - }, - "gridColumnX2": { - "compact": "var(--vkui--grid_column_x2--compact, 430px)", - "compactX": "var(--vkui--grid_column_x2--compact_x, 280px)", - "large": "var(--vkui--grid_column_x2--large, 580px)", - "regular": "var(--vkui--grid_column_x2--regular, 100%)", - }, - "gridColumnX3": { - "compact": "var(--vkui--grid_column_x3--compact, 280px)", - "compactX": "var(--vkui--grid_column_x3--compact_x, 180px)", - "large": "var(--vkui--grid_column_x3--large, 380px)", - "regular": "var(--vkui--grid_column_x3--regular, 100%)", - }, - "gridColumnX4": { - "compact": "var(--vkui--grid_column_x4--compact, 205px)", - "compactX": "var(--vkui--grid_column_x4--compact_x, 130px)", - "large": "var(--vkui--grid_column_x4--large, 280px)", - "regular": "var(--vkui--grid_column_x4--regular, 100%)", - }, - "gridColumnX6": { - "compact": "var(--vkui--grid_column_x6--compact, 130px)", - "compactX": "var(--vkui--grid_column_x6--compact_x, 80px)", - "large": "var(--vkui--grid_column_x6--large, 180px)", - "regular": "var(--vkui--grid_column_x6--regular, 100%)", - }, - "gridMainContent": { - "compact": "var(--vkui--grid_main_content--compact, 620px)", - "compactX": "var(--vkui--grid_main_content--compact_x, 620px)", - "large": "var(--vkui--grid_main_content--large, 780px)", - "regular": "var(--vkui--grid_main_content--regular, 100%)", - }, - "gridMainContentWide": { - "compact": "var(--vkui--grid_main_content_wide--compact, 620px)", - "compactX": "var(--vkui--grid_main_content_wide--compact_x, 620px)", - "large": "var(--vkui--grid_main_content_wide--large, 860px)", - "regular": "var(--vkui--grid_main_content_wide--regular, 100%)", - }, - "gridWrapperContent": { - "compact": "var(--vkui--grid_wrapper_content--compact, 940px)", - "compactX": "var(--vkui--grid_wrapper_content--compact_x, 620px)", - "large": "var(--vkui--grid_wrapper_content--large, 1260px)", - "regular": "var(--vkui--grid_wrapper_content--regular, 100%)", - }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": "var(--vkui--media_font_media_caption--font_size--compact, 16px)", - "fontWeight": "var(--vkui--media_font_media_caption--font_weight--compact, 400)", - "lineHeight": "var(--vkui--media_font_media_caption--line_height--compact, 26px)", - }, - "regular": { - "fontSize": "var(--vkui--media_font_media_caption--font_size--regular, 14px)", - "fontWeight": "var(--vkui--media_font_media_caption--font_weight--regular, 400)", - "lineHeight": "var(--vkui--media_font_media_caption--line_height--regular, 22px)", - }, - }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": "var(--vkui--media_font_media_caption_caps--font_size--compact, 15px)", - "fontWeight": "var(--vkui--media_font_media_caption_caps--font_weight--compact, 400)", - "letterSpacing": "var(--vkui--media_font_media_caption_caps--letter_spacing--compact, 0.05em)", - "lineHeight": "var(--vkui--media_font_media_caption_caps--line_height--compact, 20px)", - }, - "regular": { - "fontSize": "var(--vkui--media_font_media_caption_caps--font_size--regular, 13px)", - "fontWeight": "var(--vkui--media_font_media_caption_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--media_font_media_caption_caps--letter_spacing--regular, 0.05em)", - "lineHeight": "var(--vkui--media_font_media_caption_caps--line_height--regular, 16px)", - }, - }, - "mediaFontMediaLead": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_lead--font_size--compact, 24px)", - "fontWeight": "var(--vkui--media_font_media_lead--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_lead--line_height--compact, 36px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_lead--font_size--regular, 18px)", - "fontWeight": "var(--vkui--media_font_media_lead--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_lead--line_height--regular, 26px)", - }, - }, - "mediaFontMediaParagraph": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--compact, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_paragraph--font_size--compact, 18px)", - "fontWeight": "var(--vkui--media_font_media_paragraph--font_weight--compact, 400)", - "letterSpacing": "var(--vkui--media_font_media_paragraph--letter_spacing--compact, 0.003em)", - "lineHeight": "var(--vkui--media_font_media_paragraph--line_height--compact, 32px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_paragraph--font_size--regular, 16px)", - "fontWeight": "var(--vkui--media_font_media_paragraph--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--media_font_media_paragraph--letter_spacing--regular, 0.003em)", - "lineHeight": "var(--vkui--media_font_media_paragraph--line_height--regular, 28px)", - }, - }, - "mediaFontMediaParagraphNumbering": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_paragraph_numbering--font_size--compact, 18px)", - "fontStyle": "var(--vkui--media_font_media_paragraph_numbering--font_style--compact, italic)", - "fontWeight": "var(--vkui--media_font_media_paragraph_numbering--font_weight--compact, 700)", - "letterSpacing": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact, 0.003em)", - "lineHeight": "var(--vkui--media_font_media_paragraph_numbering--line_height--compact, 32px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_paragraph_numbering--font_size--regular, 16px)", - "fontStyle": "var(--vkui--media_font_media_paragraph_numbering--font_style--regular, italic)", - "fontWeight": "var(--vkui--media_font_media_paragraph_numbering--font_weight--regular, 700)", - "letterSpacing": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular, 0.003em)", - "lineHeight": "var(--vkui--media_font_media_paragraph_numbering--line_height--regular, 28px)", - }, - }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": "var(--vkui--media_font_media_paragraph_secondary--font_size--regular, 16px)", - "fontWeight": "var(--vkui--media_font_media_paragraph_secondary--font_weight--regular, 400)", - "lineHeight": "var(--vkui--media_font_media_paragraph_secondary--line_height--regular, 24px)", - }, - }, - "mediaFontMediaQuote": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_quote--font_size--compact, 24px)", - "fontWeight": "var(--vkui--media_font_media_quote--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_quote--line_height--compact, 36px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_quote--font_size--regular, 18px)", - "fontWeight": "var(--vkui--media_font_media_quote--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_quote--line_height--regular, 26px)", - }, - }, - "mediaFontMediaQuotePerson": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_quote_person--font_size--compact, 24px)", - "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--compact, 600)", - "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_quote_person--line_height--compact, 32px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_quote_person--font_size--regular, 18px)", - "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--regular, 600)", - "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_quote_person--line_height--regular, 24px)", - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_subtitle_light--font_size--regular, 20px)", - "fontWeight": "var(--vkui--media_font_media_subtitle_light--font_weight--regular, 400)", - "lineHeight": "var(--vkui--media_font_media_subtitle_light--line_height--regular, 26px)", - }, - }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_text_secondary_light--font_size--regular, 15px)", - "fontWeight": "var(--vkui--media_font_media_text_secondary_light--font_weight--regular, 400)", - "lineHeight": "var(--vkui--media_font_media_text_secondary_light--line_height--regular, 20px)", - }, - }, - "mediaFontMediaTitle1": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title1--font_size--compact, 48px)", - "fontWeight": "var(--vkui--media_font_media_title1--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title1--line_height--compact, 56px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title1--font_size--regular, 30px)", - "fontWeight": "var(--vkui--media_font_media_title1--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title1--line_height--regular, 36px)", - }, - }, - "mediaFontMediaTitle1Tiny": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px)", - "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px)", - "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title1_tiny--line_height--regular, 36px)", - }, - }, - "mediaFontMediaTitle2": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title2--font_size--compact, 36px)", - "fontWeight": "var(--vkui--media_font_media_title2--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title2--line_height--compact, 44px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title2--font_size--regular, 28px)", - "fontWeight": "var(--vkui--media_font_media_title2--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title2--line_height--regular, 34px)", - }, - }, - "mediaFontMediaTitle2Tiny": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px)", - "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px)", - "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title2_tiny--line_height--regular, 32px)", - }, - }, - "mediaFontMediaTitle3": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title3--font_size--compact, 32px)", - "fontWeight": "var(--vkui--media_font_media_title3--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title3--line_height--compact, 40px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title3--font_size--regular, 26px)", - "fontWeight": "var(--vkui--media_font_media_title3--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title3--line_height--regular, 32px)", - }, - }, - "mediaFontMediaTitle4": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title4--font_size--compact, 28px)", - "fontWeight": "var(--vkui--media_font_media_title4--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title4--line_height--compact, 36px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title4--font_size--regular, 24px)", - "fontWeight": "var(--vkui--media_font_media_title4--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title4--line_height--regular, 30px)", - }, - }, - "mediaFontMediaTitle5": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title5--font_size--compact, 24px)", - "fontWeight": "var(--vkui--media_font_media_title5--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title5--line_height--compact, 32px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title5--font_size--regular, 22px)", - "fontWeight": "var(--vkui--media_font_media_title5--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title5--line_height--regular, 28px)", - }, - }, - "mediaFontMediaTitle6": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title6--font_size--compact, 22px)", - "fontWeight": "var(--vkui--media_font_media_title6--font_weight--compact, 500)", - "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--compact, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title6--line_height--compact, 28px)", - }, - "regular": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--media_font_media_title6--font_size--regular, 20px)", - "fontWeight": "var(--vkui--media_font_media_title6--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--media_font_media_title6--line_height--regular, 26px)", - }, - }, - "mediaSizeGap": "var(--vkui--media_size_gap, 20px)", - "mediaSizeGrid": "var(--vkui--media_size_grid, 60px)", "opacityDisable": "var(--vkui--opacity_disable, 0.48)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "prefix": "var(--vkui--prefix, vkui)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -255767,8 +263336,8 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { - "compactX": "var(--vkui--size_base_padding--compact_x, 16px)", - "regular": "var(--vkui--size_base_padding--regular, 20px)", + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", }, "sizeBasePaddingHorizontal": { "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", @@ -255789,7 +263358,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", @@ -255801,7 +263370,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, "sizeBorderWidthBar": { "regular": "var(--vkui--size_border_width_bar--regular, 4px)", @@ -255840,13 +263409,16 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonIconPadding": { - "regular": "var(--vkui--size_button_icon_padding--regular, 20px)", + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 48px)", + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "regular": "var(--vkui--size_button_medium_height--regular, 40px)", + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -255855,6 +263427,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, "sizeButtonSliderHeight": { @@ -255867,7 +263440,8 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 36px)", + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -255906,9 +263480,8 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 130px)", - "compactX": "var(--vkui--size_control_button_width_min--compact_x, 130px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 94px)", + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -255923,11 +263496,10 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 48px)", + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalMargin": { - "compact": "var(--vkui--size_field_horizontal_margin--compact, 16px)", - "compactX": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { @@ -255940,8 +263512,8 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { - "compactX": "var(--vkui--size_field_width_min--compact_x, 288px)", - "regular": "var(--vkui--size_field_width_min--regular, 380px)", + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, "sizeFormItemPaddingVertical": { "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", @@ -255951,15 +263523,15 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "regular": "var(--vkui--size_icon_margin--regular, 8px)", + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, "sizeIconUI": { - "compact": "var(--vkui--size_icon_u_i--compact, 16px)", - "compactX": "var(--vkui--size_icon_u_i--compact_x, 16px)", - "regular": "var(--vkui--size_icon_u_i--regular, 18px)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -255999,20 +263571,19 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compactX": "var(--vkui--size_popup_base_padding--compact_x, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, "sizePopupHeaderPadding": { - "compactX": "var(--vkui--size_popup_header_padding--compact_x, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 8px)", - "compactX": "var(--vkui--size_popup_margin--compact_x, 8px)", - "regular": "var(--vkui--size_popup_margin--regular, 24px)", + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { "regular": "var(--vkui--size_popup_medium--regular, 680px)", @@ -256034,9 +263605,8 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "compactX": "var(--vkui--size_select_icon_padding--compact_x, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", @@ -256066,13 +263636,9 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { - "compact": "var(--vkui--size_tab_margin--compact, 32px)", - "compactX": "var(--vkui--size_tab_margin--compact_x, 32px)", "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, "sizeTabPadding": { - "compact": "var(--vkui--size_tab_padding--compact, 0px)", - "compactX": "var(--vkui--size_tab_padding--compact_x, 0px)", "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, "sizeTableHorizontalPadding": { @@ -256109,8 +263675,8 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, pharma)", - "themeNameBase": "var(--vkui--theme_name_base, pharma)", + "themeName": "var(--vkui--theme_name, paradigmBaseDark)", + "themeNameBase": "var(--vkui--theme_name_base, paradigmBase)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -256120,16 +263686,10 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", "typeBorderButton": "var(--vkui--type_border_button, solid)", "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "widthDesktopM": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", - "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", - "widthFromDesktopM": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", - "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", - "widthFromTablet": "var(--vkui--width_from_tablet, "(min-width: 660px)")", - "widthTablet": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", - "widthToDesktopS": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", - "widthToTablet": "var(--vkui--width_to_tablet, "(max-width: 979px)")", - "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 659px)")", - "widthTouch": "var(--vkui--width_touch, "(max-width: 659px)")", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -256149,7 +263709,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots pharma theme should match root theme snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -256157,17 +263717,9 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -256175,89 +263727,89 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", + "active": "#1BE7F9", + "hover": "#11E6F9", "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", + "active": "#BEFC80", + "hover": "#BBFC7B", "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", + "active": "#F16953", + "hover": "#F1634B", "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", + "active": "#FF498F", + "hover": "#FF418A", "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", + "active": "#C66AF4", + "hover": "#C363F3", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -256265,63 +263817,63 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -256330,554 +263882,444 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorPrimaryAuto": { - "active": "#EB4A05", - "hover": "#F54C02", - "normal": "#ff4f00", - }, - "colorPrimaryBase": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005ff9", - }, - "colorPrimaryDeti": { - "active": "#BA91E5", - "hover": "#C296ED", - "normal": "#ca9cf4", - }, - "colorPrimaryDobro": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", - }, - "colorPrimaryHealth": { - "active": "#007774", - "hover": "#007C77", - "normal": "#008079", - }, - "colorPrimaryHealthNew": { - "active": "#37C291", - "hover": "#3ACA94", - "normal": "#3cd298", - }, - "colorPrimaryHitech": { - "active": "#5150CA", - "hover": "#5453D0", - "normal": "#5856d6", - }, - "colorPrimaryKino": { - "active": "#D7EC05", - "hover": "#E1F502", - "normal": "#eaff00", - }, - "colorPrimaryLady": { - "active": "#EB2B52", - "hover": "#F52C53", - "normal": "#ff2d54", - }, - "colorPrimaryMycom": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPrimaryPets": { - "active": "#E9626A", - "hover": "#F3656C", - "normal": "#fd696e", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#4684B2", - "hover": "#4989B7", - "normal": "#4c8ebc", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", + "active": "#FFD714", + "hover": "#FFD60A", "normal": "#ffd400", }, - "colorSale": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", - }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", - }, - "colorSecondaryBase": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "colorSecondaryHealth": { - "active": "#E9D851", - "hover": "#F3E052", - "normal": "#fde953", - }, - "colorSecondaryMycom": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", - }, - "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", - "normal": "#1769ff", - }, - "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", - "normal": "#ea4c89", - }, - "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", - "normal": "#1877f2", - }, - "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", - "normal": "#117eda", - }, - "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#ee8208", - }, - "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", - "normal": "#1da1f2", - }, - "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", + "active": "#6098E2", + "hover": "#5993E0", "normal": "#528FDF", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { "active": "rgba(237, 10, 52, 0.2)", @@ -256885,89 +264327,89 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", + "active": "#8DB1EC", + "hover": "#88ADEB", "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", "fontCaption1": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -256975,7 +264417,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", @@ -256985,7 +264427,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -256993,7 +264435,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", @@ -257003,7 +264445,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -257011,7 +264453,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", @@ -257057,13 +264499,12 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -257071,7 +264512,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", @@ -257093,55 +264534,35 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, + "fontSize": 32, "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 36, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, - "lineHeight": 48, + "lineHeight": 28, }, }, "fontH2": { "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 32, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, - "fontWeight": 500, - "lineHeight": 34, + "lineHeight": 32, }, - }, - "fontH3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, }, }, - "fontH4": { - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 22, - }, - }, "fontHeadline": { "compact": { "fontSize": 15, "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -257153,7 +264574,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -257165,7 +264586,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -257173,7 +264594,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -257185,7 +264606,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -257197,7 +264618,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -257205,7 +264626,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -257213,7 +264634,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -257221,7 +264642,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -257233,367 +264654,53 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, - "fontWeightMedia1": 700, - "fontWeightMedia2": 600, - "fontWeightMedia3": 500, - "fontWeightMedia4": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gridAsideContent": { - "compact": 300, - "compactX": 300, - "large": 300, - "regular": "100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, }, - "gridColumnX2": { - "compact": 430, - "compactX": 280, - "large": 580, - "regular": "100%", + "sizeArrowHeight": { + "regular": 8, }, - "gridColumnX3": { - "compact": 280, - "compactX": 180, - "large": 380, - "regular": "100%", + "sizeArrowPadding": { + "regular": 12, }, - "gridColumnX4": { - "compact": 205, - "compactX": 130, - "large": 280, - "regular": "100%", + "sizeArrowPromo": { + "regular": 40, }, - "gridColumnX6": { - "compact": 130, - "compactX": 80, - "large": 180, - "regular": "100%", + "sizeArrowWidth": { + "regular": 12, }, - "gridMainContent": { - "compact": 620, - "compactX": 620, - "large": 780, - "regular": "100%", + "sizeAttributeMargin": { + "regular": 4, }, - "gridMainContentWide": { - "compact": 620, - "compactX": 620, - "large": 860, - "regular": "100%", + "sizeAvatarL": { + "regular": 96, }, - "gridWrapperContent": { - "compact": 940, - "compactX": 620, - "large": 1260, - "regular": "100%", + "sizeAvatarM": { + "regular": 48, }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 26, - }, - "regular": { - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 22, - }, + "sizeAvatarS": { + "regular": 32, }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": 15, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 20, - }, - "regular": { - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 16, - }, + "sizeAvatarXL": { + "regular": 128, }, - "mediaFontMediaLead": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 26, - }, + "sizeAvatarXS": { + "regular": 24, }, - "mediaFontMediaParagraph": { - "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": 28, - }, + "sizeBadgeL": { + "regular": 44, }, - "mediaFontMediaParagraphNumbering": { - "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": 18, - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": 28, - }, + "sizeBadgeM": { + "regular": 24, }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, - }, - }, - "mediaFontMediaQuote": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 26, - }, - }, - "mediaFontMediaQuotePerson": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": 24, - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 400, - "lineHeight": 26, - }, - }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "mediaFontMediaTitle1": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 48, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 56, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 30, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - }, - "mediaFontMediaTitle1Tiny": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 40, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 48, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 30, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - }, - "mediaFontMediaTitle2": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 36, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 44, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 34, - }, - }, - "mediaFontMediaTitle2Tiny": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 40, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 26, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, - }, - "mediaFontMediaTitle3": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 40, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 26, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, - }, - "mediaFontMediaTitle4": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 30, - }, - }, - "mediaFontMediaTitle5": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 28, - }, - }, - "mediaFontMediaTitle6": { - "compact": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 28, - }, - "regular": { - "fontFamily": "MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 26, - }, - }, - "mediaSizeGap": 20, - "mediaSizeGrid": 60, - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "prefix": "vkui", - "sizeArrow": { - "regular": 8, - }, - "sizeArrowHeight": { - "regular": 8, - }, - "sizeArrowPadding": { - "regular": 12, - }, - "sizeArrowPromo": { - "regular": 40, - }, - "sizeArrowWidth": { - "regular": 12, - }, - "sizeAttributeMargin": { - "regular": 4, - }, - "sizeAvatarL": { - "regular": 96, - }, - "sizeAvatarM": { - "regular": 48, - }, - "sizeAvatarS": { - "regular": 32, - }, - "sizeAvatarXL": { - "regular": 128, - }, - "sizeAvatarXS": { - "regular": 24, - }, - "sizeBadgeL": { - "regular": 44, - }, - "sizeBadgeM": { - "regular": 24, - }, - "sizeBadgeS": { - "regular": 16, + "sizeBadgeS": { + "regular": 16, }, "sizeBadgeXL": { "regular": 56, @@ -257606,8 +264713,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compactX": 16, - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeBasePaddingHorizontal": { "regular": 16, @@ -257628,7 +264735,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -257640,7 +264747,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 4, + "regular": 8, }, "sizeBorderWidthBar": { "regular": 4, @@ -257679,13 +264786,16 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { - "regular": 48, + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "regular": 40, + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -257694,6 +264804,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -257706,7 +264817,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "regular": 36, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -257745,9 +264857,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 130, - "compactX": 130, - "regular": 94, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { "regular": 4, @@ -257762,11 +264873,10 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "regular": 48, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { - "compact": 16, - "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -257779,8 +264889,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compactX": 288, - "regular": 380, + "compact": 380, + "regular": 328, }, "sizeFormItemPaddingVertical": { "regular": 12, @@ -257790,15 +264900,15 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { - "regular": 8, + "compact": 8, + "regular": 12, }, "sizeIconMorePadding": { + "compact": 8, "regular": 12, }, "sizeIconUI": { - "compact": 16, - "compactX": 16, - "regular": 18, + "regular": 16, }, "sizeIllustrationL": { "regular": 144, @@ -257838,20 +264948,19 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 56, }, "sizePopupBasePadding": { - "compactX": 20, - "regular": 32, + "compact": 32, + "regular": 20, }, "sizePopupHeaderPadding": { - "compactX": 16, - "regular": 24, + "compact": 24, + "regular": 16, }, "sizePopupLarge": { "regular": 880, }, "sizePopupMargin": { - "compact": 8, - "compactX": 8, - "regular": 24, + "compact": 24, + "regular": 8, }, "sizePopupMedium": { "regular": 680, @@ -257873,9 +264982,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "compact": 7, - "compactX": 7, - "regular": 6, + "compact": 6, + "regular": 7, }, "sizeSliceBottomPadding": { "regular": 60, @@ -257905,13 +265013,9 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 34, }, "sizeTabMargin": { - "compact": 32, - "compactX": 32, "regular": 8, }, "sizeTabPadding": { - "compact": 0, - "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -257948,8 +265052,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "pharma", - "themeNameBase": "pharma", + "themeName": "paradigmBaseDark", + "themeNameBase": "paradigmBase", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -257959,16 +265063,10 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopM": "(min-width: 1300px)", - "widthDesktopS": "(min-width: 980px) and (max-width: 1299px)", - "widthFromDesktopM": "(min-width: 1300px)", - "widthFromDesktopS": "(min-width: 980px)", - "widthFromTablet": "(min-width: 660px)", - "widthTablet": "(min-width: 660px) and (max-width: 979px)", - "widthToDesktopS": "(max-width: 1299px)", - "widthToTablet": "(max-width: 979px)", - "widthToTouch": "(max-width: 659px)", - "widthTouch": "(max-width: 659px)", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", "x0": 0, "x025": 1, "x05": 2, @@ -257988,7 +265086,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` +exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -258011,9 +265109,17 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, "breakpoints": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 768, + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, }, "touch": { "adaptiveValue": "regular", @@ -258037,15 +265143,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -258163,15 +265269,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -258191,15 +265297,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -258233,15 +265339,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -258289,15 +265395,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #1DD3A2)", }, }, "colorBackgroundAccentAlternative": { @@ -258317,29 +265423,29 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -258359,43 +265465,43 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -258513,71 +265619,71 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -258678,6 +265784,34 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -258807,43 +265941,43 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -258891,29 +266025,29 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #1DD3A2)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -258989,15 +266123,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { @@ -259199,15 +266333,197 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + }, + "colorPrimaryAuto": { + "active": { + "name": "--vkui--color_primary_auto--active", + "value": "var(--vkui--color_primary_auto--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_auto--hover", + "value": "var(--vkui--color_primary_auto--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_auto", + "value": "var(--vkui--color_primary_auto, #0077FF)", + }, + }, + "colorPrimaryBase": { + "active": { + "name": "--vkui--color_primary_base--active", + "value": "var(--vkui--color_primary_base--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_base--hover", + "value": "var(--vkui--color_primary_base--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_base", + "value": "var(--vkui--color_primary_base, #0077FF)", + }, + }, + "colorPrimaryDeti": { + "active": { + "name": "--vkui--color_primary_deti--active", + "value": "var(--vkui--color_primary_deti--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_deti--hover", + "value": "var(--vkui--color_primary_deti--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_deti", + "value": "var(--vkui--color_primary_deti, #0077FF)", + }, + }, + "colorPrimaryDobro": { + "active": { + "name": "--vkui--color_primary_dobro--active", + "value": "var(--vkui--color_primary_dobro--active, #EBC405)", + }, + "hover": { + "name": "--vkui--color_primary_dobro--hover", + "value": "var(--vkui--color_primary_dobro--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_primary_dobro", + "value": "var(--vkui--color_primary_dobro, #ffd400)", + }, + }, + "colorPrimaryHealth": { + "active": { + "name": "--vkui--color_primary_health--active", + "value": "var(--vkui--color_primary_health--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_health--hover", + "value": "var(--vkui--color_primary_health--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_health", + "value": "var(--vkui--color_primary_health, #0077FF)", + }, + }, + "colorPrimaryHealthNew": { + "active": { + "name": "--vkui--color_primary_health_new--active", + "value": "var(--vkui--color_primary_health_new--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_health_new--hover", + "value": "var(--vkui--color_primary_health_new--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_health_new", + "value": "var(--vkui--color_primary_health_new, #0077FF)", + }, + }, + "colorPrimaryHitech": { + "active": { + "name": "--vkui--color_primary_hitech--active", + "value": "var(--vkui--color_primary_hitech--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_hitech--hover", + "value": "var(--vkui--color_primary_hitech--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_hitech", + "value": "var(--vkui--color_primary_hitech, #0077FF)", + }, + }, + "colorPrimaryKino": { + "active": { + "name": "--vkui--color_primary_kino--active", + "value": "var(--vkui--color_primary_kino--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_kino--hover", + "value": "var(--vkui--color_primary_kino--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_kino", + "value": "var(--vkui--color_primary_kino, #0077FF)", + }, + }, + "colorPrimaryLady": { + "active": { + "name": "--vkui--color_primary_lady--active", + "value": "var(--vkui--color_primary_lady--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_lady--hover", + "value": "var(--vkui--color_primary_lady--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_lady", + "value": "var(--vkui--color_primary_lady, #0077FF)", + }, + }, + "colorPrimaryMycom": { + "active": { + "name": "--vkui--color_primary_mycom--active", + "value": "var(--vkui--color_primary_mycom--active, #009FE4)", + }, + "hover": { + "name": "--vkui--color_primary_mycom--hover", + "value": "var(--vkui--color_primary_mycom--hover, #00A5EB)", + }, + "normal": { + "name": "--vkui--color_primary_mycom", + "value": "var(--vkui--color_primary_mycom, #00abf2)", + }, + }, + "colorPrimaryPets": { + "active": { + "name": "--vkui--color_primary_pets--active", + "value": "var(--vkui--color_primary_pets--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_pets--hover", + "value": "var(--vkui--color_primary_pets--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_pets", + "value": "var(--vkui--color_primary_pets, #0077FF)", + }, + }, + "colorPrimaryPharma": { + "active": { + "name": "--vkui--color_primary_pharma--active", + "value": "var(--vkui--color_primary_pharma--active, #1BC39A)", + }, + "hover": { + "name": "--vkui--color_primary_pharma--hover", + "value": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", + }, + "normal": { + "name": "--vkui--color_primary_pharma", + "value": "var(--vkui--color_primary_pharma, #1DD3A2)", + }, + }, + "colorPrimaryRealty": { + "active": { + "name": "--vkui--color_primary_realty--active", + "value": "var(--vkui--color_primary_realty--active, #4684B2)", + }, + "hover": { + "name": "--vkui--color_primary_realty--hover", + "value": "var(--vkui--color_primary_realty--hover, #4989B7)", + }, + "normal": { + "name": "--vkui--color_primary_realty", + "value": "var(--vkui--color_primary_realty, #4c8ebc)", }, }, "colorRating": { @@ -259224,6 +266540,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_rating, #ffd400)", }, }, + "colorSale": { + "active": { + "name": "--vkui--color_sale--active", + "value": "var(--vkui--color_sale--active, #D8187C)", + }, + "hover": { + "name": "--vkui--color_sale--hover", + "value": "var(--vkui--color_sale--hover, #E2197E)", + }, + "normal": { + "name": "--vkui--color_sale", + "value": "var(--vkui--color_sale, #eb1981)", + }, + }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", @@ -259238,6 +266568,48 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, + "colorSecondaryBase": { + "active": { + "name": "--vkui--color_secondary_base--active", + "value": "var(--vkui--color_secondary_base--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_secondary_base--hover", + "value": "var(--vkui--color_secondary_base--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_secondary_base", + "value": "var(--vkui--color_secondary_base, #0077FF)", + }, + }, + "colorSecondaryHealth": { + "active": { + "name": "--vkui--color_secondary_health--active", + "value": "var(--vkui--color_secondary_health--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_secondary_health--hover", + "value": "var(--vkui--color_secondary_health--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_secondary_health", + "value": "var(--vkui--color_secondary_health, #0077FF)", + }, + }, + "colorSecondaryMycom": { + "active": { + "name": "--vkui--color_secondary_mycom--active", + "value": "var(--vkui--color_secondary_mycom--active, #E82A38)", + }, + "hover": { + "name": "--vkui--color_secondary_mycom--hover", + "value": "var(--vkui--color_secondary_mycom--hover, #F22B38)", + }, + "normal": { + "name": "--vkui--color_secondary_mycom", + "value": "var(--vkui--color_secondary_mycom, #fc2c38)", + }, + }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", @@ -259350,32 +266722,130 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_skeleton_to, #E0E1E6)", }, }, + "colorSocialBehance": { + "active": { + "name": "--vkui--color_social_behance--active", + "value": "var(--vkui--color_social_behance--active, #1562EF)", + }, + "hover": { + "name": "--vkui--color_social_behance--hover", + "value": "var(--vkui--color_social_behance--hover, #1665F7)", + }, + "normal": { + "name": "--vkui--color_social_behance", + "value": "var(--vkui--color_social_behance, #1769ff)", + }, + }, + "colorSocialDribbble": { + "active": { + "name": "--vkui--color_social_dribbble--active", + "value": "var(--vkui--color_social_dribbble--active, #D74783)", + }, + "hover": { + "name": "--vkui--color_social_dribbble--hover", + "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", + }, + "normal": { + "name": "--vkui--color_social_dribbble", + "value": "var(--vkui--color_social_dribbble, #ea4c89)", + }, + }, + "colorSocialFb": { + "active": { + "name": "--vkui--color_social_fb--active", + "value": "var(--vkui--color_social_fb--active, #166FE4)", + }, + "hover": { + "name": "--vkui--color_social_fb--hover", + "value": "var(--vkui--color_social_fb--hover, #1773EB)", + }, + "normal": { + "name": "--vkui--color_social_fb", + "value": "var(--vkui--color_social_fb, #1877f2)", + }, + }, + "colorSocialMir": { + "active": { + "name": "--vkui--color_social_mir--active", + "value": "var(--vkui--color_social_mir--active, #1075CD)", + }, + "hover": { + "name": "--vkui--color_social_mir--hover", + "value": "var(--vkui--color_social_mir--hover, #107AD4)", + }, + "normal": { + "name": "--vkui--color_social_mir", + "value": "var(--vkui--color_social_mir, #117eda)", + }, + }, + "colorSocialOk": { + "active": { + "name": "--vkui--color_social_ok--active", + "value": "var(--vkui--color_social_ok--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_social_ok--hover", + "value": "var(--vkui--color_social_ok--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_social_ok", + "value": "var(--vkui--color_social_ok, #ee8208)", + }, + }, + "colorSocialTwitter": { + "active": { + "name": "--vkui--color_social_twitter--active", + "value": "var(--vkui--color_social_twitter--active, #1B95E4)", + }, + "hover": { + "name": "--vkui--color_social_twitter--hover", + "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + }, + "normal": { + "name": "--vkui--color_social_twitter", + "value": "var(--vkui--color_social_twitter, #1da1f2)", + }, + }, + "colorSocialVk": { + "active": { + "name": "--vkui--color_social_vk--active", + "value": "var(--vkui--color_social_vk--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_social_vk--hover", + "value": "var(--vkui--color_social_vk--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_social_vk", + "value": "var(--vkui--color_social_vk, #3F8AE0)", + }, + }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #1DD3A2)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -259395,15 +266865,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -259437,29 +266907,29 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #1DD3A2)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -259493,29 +266963,29 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -259563,15 +267033,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -259829,15 +267299,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -259928,7 +267398,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -259974,7 +267444,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -260020,7 +267490,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -260066,7 +267536,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -260112,7 +267582,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -260158,7 +267628,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -260354,15 +267824,19 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontFamilyArticle": { + "name": "--vkui--font_family_article", + "value": "var(--vkui--font_family_article, Inter, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -260386,7 +267860,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -260432,7 +267906,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -260524,9 +267998,17 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, }, "compact": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--compact", + "value": "var(--vkui--font_h1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, "fontSize": { "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 32px)", + "value": "var(--vkui--font_h1--font_size--compact, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--compact", + "value": "var(--vkui--font_h1--font_weight--compact, 500)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--compact", @@ -260536,11 +268018,11 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 24px)", + "value": "var(--vkui--font_h1--font_size--regular, 36px)", }, "fontWeight": { "name": "--vkui--font_h1--font_weight--regular", @@ -260548,7 +268030,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 28px)", + "value": "var(--vkui--font_h1--line_height--regular, 48px)", }, }, }, @@ -260572,9 +268054,17 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, }, "compact": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--compact", + "value": "var(--vkui--font_h2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, "fontSize": { "name": "--vkui--font_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 28px)", + "value": "var(--vkui--font_h2--font_size--compact, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--compact", + "value": "var(--vkui--font_h2--font_weight--compact, 500)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--compact", @@ -260584,11 +268074,11 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 20px)", + "value": "var(--vkui--font_h2--font_size--regular, 28px)", }, "fontWeight": { "name": "--vkui--font_h2--font_weight--regular", @@ -260596,7 +268086,83 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 26px)", + "value": "var(--vkui--font_h2--line_height--regular, 34px)", + }, + }, + }, + "fontH3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h3--font_family", + "value": "var(--vkui--font_h3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h3--font_size", + "value": "var(--vkui--font_h3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h3--font_weight", + "value": "var(--vkui--font_h3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h3--line_height", + "value": "var(--vkui--font_h3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h3--font_family--regular", + "value": "var(--vkui--font_h3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h3--font_size--regular", + "value": "var(--vkui--font_h3--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h3--font_weight--regular", + "value": "var(--vkui--font_h3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h3--line_height--regular", + "value": "var(--vkui--font_h3--line_height--regular, 26px)", + }, + }, + }, + "fontH4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h4--font_family", + "value": "var(--vkui--font_h4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h4--font_size", + "value": "var(--vkui--font_h4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h4--font_weight", + "value": "var(--vkui--font_h4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h4--line_height", + "value": "var(--vkui--font_h4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h4--font_family--regular", + "value": "var(--vkui--font_h4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h4--font_size--regular", + "value": "var(--vkui--font_h4--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_h4--font_weight--regular", + "value": "var(--vkui--font_h4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h4--line_height--regular", + "value": "var(--vkui--font_h4--line_height--regular, 22px)", }, }, }, @@ -260632,7 +268198,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -260680,7 +268246,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -260728,7 +268294,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -260766,7 +268332,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -260814,7 +268380,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -260862,7 +268428,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -260900,7 +268466,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -260938,7 +268504,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -260976,7 +268542,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -261016,6 +268582,22 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "fontWeightMedia1": { + "name": "--vkui--font_weight_media1", + "value": "var(--vkui--font_weight_media1, 700)", + }, + "fontWeightMedia2": { + "name": "--vkui--font_weight_media2", + "value": "var(--vkui--font_weight_media2, 600)", + }, + "fontWeightMedia3": { + "name": "--vkui--font_weight_media3", + "value": "var(--vkui--font_weight_media3, 500)", + }, + "fontWeightMedia4": { + "name": "--vkui--font_weight_media4", + "value": "var(--vkui--font_weight_media4, 400)", + }, "gradient": { "name": "--vkui--gradient", "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", @@ -261032,485 +268614,1459 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--gradient_white", "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", - }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", - }, - "portalColorBackground": { - "active": { - "name": "--vkui--portal_color_background--active", - "value": "var(--vkui--portal_color_background--active, #E5E6EB)", - }, - "hover": { - "name": "--vkui--portal_color_background--hover", - "value": "var(--vkui--portal_color_background--hover, #EFF0F2)", - }, - "normal": { - "name": "--vkui--portal_color_background", - "value": "var(--vkui--portal_color_background, #F9F9FA)", - }, - }, - "portalColorBackgroundAccent": { - "active": { - "name": "--vkui--portal_color_background_accent--active", - "value": "var(--vkui--portal_color_background_accent--active, #D4DDEF)", - }, - "hover": { - "name": "--vkui--portal_color_background_accent--hover", - "value": "var(--vkui--portal_color_background_accent--hover, #DDE6F6)", - }, - "normal": { - "name": "--vkui--portal_color_background_accent", - "value": "var(--vkui--portal_color_background_accent, #E6EFFE)", - }, - }, - "portalColorBackgroundAccentAlpha": { - "active": { - "name": "--vkui--portal_color_background_accent_alpha--active", - "value": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.18))", - }, - "hover": { - "name": "--vkui--portal_color_background_accent_alpha--hover", - "value": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.14))", - }, - "normal": { - "name": "--vkui--portal_color_background_accent_alpha", - "value": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.1))", - }, - }, - "portalColorBackgroundAccentTabAlpha": { - "active": { - "name": "--vkui--portal_color_background_accent_tab_alpha--active", - "value": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(0, 95, 249, 0.18))", - }, - "hover": { - "name": "--vkui--portal_color_background_accent_tab_alpha--hover", - "value": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(0, 95, 249, 0.14))", + "gridAsideContent": { + "auto": { + "name": "--vkui--grid_aside_content", + "value": "var(--vkui--grid_aside_content)", }, - "normal": { - "name": "--vkui--portal_color_background_accent_tab_alpha", - "value": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(0, 95, 249, 0.1))", + "compact": { + "name": "--vkui--grid_aside_content--compact", + "value": "var(--vkui--grid_aside_content--compact, 300px)", }, - }, - "portalColorBackgroundCard": { - "active": { - "name": "--vkui--portal_color_background_card--active", - "value": "var(--vkui--portal_color_background_card--active, #EBECEF)", + "compactX": { + "name": "--vkui--grid_aside_content--compact_x", + "value": "var(--vkui--grid_aside_content--compact_x, 300px)", }, - "hover": { - "name": "--vkui--portal_color_background_card--hover", - "value": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", + "large": { + "name": "--vkui--grid_aside_content--large", + "value": "var(--vkui--grid_aside_content--large, 300px)", }, - "normal": { - "name": "--vkui--portal_color_background_card", - "value": "var(--vkui--portal_color_background_card, #FFFFFF)", + "regular": { + "name": "--vkui--grid_aside_content--regular", + "value": "var(--vkui--grid_aside_content--regular, 100%)", }, }, - "portalColorBackgroundDark": { - "active": { - "name": "--vkui--portal_color_background_dark--active", - "value": "var(--vkui--portal_color_background_dark--active, #3E3E3F)", - }, - "hover": { - "name": "--vkui--portal_color_background_dark--hover", - "value": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", + "gridColumnX2": { + "auto": { + "name": "--vkui--grid_column_x2", + "value": "var(--vkui--grid_column_x2)", }, - "normal": { - "name": "--vkui--portal_color_background_dark", - "value": "var(--vkui--portal_color_background_dark, #19191A)", + "compact": { + "name": "--vkui--grid_column_x2--compact", + "value": "var(--vkui--grid_column_x2--compact, 430px)", }, - }, - "portalColorBackgroundInvariable": { - "active": { - "name": "--vkui--portal_color_background_invariable--active", - "value": "var(--vkui--portal_color_background_invariable--active, #DDDFE4)", + "compactX": { + "name": "--vkui--grid_column_x2--compact_x", + "value": "var(--vkui--grid_column_x2--compact_x, 280px)", }, - "hover": { - "name": "--vkui--portal_color_background_invariable--hover", - "value": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", + "large": { + "name": "--vkui--grid_column_x2--large", + "value": "var(--vkui--grid_column_x2--large, 580px)", }, - "normal": { - "name": "--vkui--portal_color_background_invariable", - "value": "var(--vkui--portal_color_background_invariable, #F0F1F3)", + "regular": { + "name": "--vkui--grid_column_x2--regular", + "value": "var(--vkui--grid_column_x2--regular, 100%)", }, }, - "portalColorOverlayPrimaryAlpha": { - "active": { - "name": "--vkui--portal_color_overlay_primary_alpha--active", - "value": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.23))", - }, - "hover": { - "name": "--vkui--portal_color_overlay_primary_alpha--hover", - "value": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.19))", + "gridColumnX3": { + "auto": { + "name": "--vkui--grid_column_x3", + "value": "var(--vkui--grid_column_x3)", }, - "normal": { - "name": "--vkui--portal_color_overlay_primary_alpha", - "value": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.15))", + "compact": { + "name": "--vkui--grid_column_x3--compact", + "value": "var(--vkui--grid_column_x3--compact, 280px)", }, - }, - "portalColorPaletteLightBlue": { - "active": { - "name": "--vkui--portal_color_palette_light_blue--active", - "value": "var(--vkui--portal_color_palette_light_blue--active, #5393EF)", + "compactX": { + "name": "--vkui--grid_column_x3--compact_x", + "value": "var(--vkui--grid_column_x3--compact_x, 180px)", }, - "hover": { - "name": "--vkui--portal_color_palette_light_blue--hover", - "value": "var(--vkui--portal_color_palette_light_blue--hover, #5698F7)", + "large": { + "name": "--vkui--grid_column_x3--large", + "value": "var(--vkui--grid_column_x3--large, 380px)", }, - "normal": { - "name": "--vkui--portal_color_palette_light_blue", - "value": "var(--vkui--portal_color_palette_light_blue, #5A9EFF)", + "regular": { + "name": "--vkui--grid_column_x3--regular", + "value": "var(--vkui--grid_column_x3--regular, 100%)", }, }, - "portalColorPaletteSweetBlue": { - "active": { - "name": "--vkui--portal_color_palette_sweet_blue--active", - "value": "var(--vkui--portal_color_palette_sweet_blue--active, #CBD8EF)", - }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_blue--hover", - "value": "var(--vkui--portal_color_palette_sweet_blue--hover, #D4E0F7)", + "gridColumnX4": { + "auto": { + "name": "--vkui--grid_column_x4", + "value": "var(--vkui--grid_column_x4)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_blue", - "value": "var(--vkui--portal_color_palette_sweet_blue, #DDE9FF)", + "compact": { + "name": "--vkui--grid_column_x4--compact", + "value": "var(--vkui--grid_column_x4--compact, 205px)", }, - }, - "portalColorPaletteSweetGreen": { - "active": { - "name": "--vkui--portal_color_palette_sweet_green--active", - "value": "var(--vkui--portal_color_palette_sweet_green--active, #BEDCD8)", + "compactX": { + "name": "--vkui--grid_column_x4--compact_x", + "value": "var(--vkui--grid_column_x4--compact_x, 130px)", }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_green--hover", - "value": "var(--vkui--portal_color_palette_sweet_green--hover, #C6E5DF)", + "large": { + "name": "--vkui--grid_column_x4--large", + "value": "var(--vkui--grid_column_x4--large, 280px)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_green", - "value": "var(--vkui--portal_color_palette_sweet_green, #CEEEE6)", + "regular": { + "name": "--vkui--grid_column_x4--regular", + "value": "var(--vkui--grid_column_x4--regular, 100%)", }, }, - "portalColorPaletteSweetOrange": { - "active": { - "name": "--vkui--portal_color_palette_sweet_orange--active", - "value": "var(--vkui--portal_color_palette_sweet_orange--active, #E5C3B3)", - }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_orange--hover", - "value": "var(--vkui--portal_color_palette_sweet_orange--hover, #EFCBB8)", + "gridColumnX6": { + "auto": { + "name": "--vkui--grid_column_x6", + "value": "var(--vkui--grid_column_x6)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_orange", - "value": "var(--vkui--portal_color_palette_sweet_orange, #F9D3BD)", + "compact": { + "name": "--vkui--grid_column_x6--compact", + "value": "var(--vkui--grid_column_x6--compact, 130px)", }, - }, - "portalColorPaletteSweetPurple": { - "active": { - "name": "--vkui--portal_color_palette_sweet_purple--active", - "value": "var(--vkui--portal_color_palette_sweet_purple--active, #DFD7EF)", + "compactX": { + "name": "--vkui--grid_column_x6--compact_x", + "value": "var(--vkui--grid_column_x6--compact_x, 80px)", }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_purple--hover", - "value": "var(--vkui--portal_color_palette_sweet_purple--hover, #E8DFF7)", + "large": { + "name": "--vkui--grid_column_x6--large", + "value": "var(--vkui--grid_column_x6--large, 180px)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_purple", - "value": "var(--vkui--portal_color_palette_sweet_purple, #F2E8FF)", + "regular": { + "name": "--vkui--grid_column_x6--regular", + "value": "var(--vkui--grid_column_x6--regular, 100%)", }, }, - "portalColorTextBlueAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_blue_accent_themed--active", - "value": "var(--vkui--portal_color_text_blue_accent_themed--active, #1A4074)", - }, - "hover": { - "name": "--vkui--portal_color_text_blue_accent_themed--hover", - "value": "var(--vkui--portal_color_text_blue_accent_themed--hover, #1B4277)", + "gridMainContent": { + "auto": { + "name": "--vkui--grid_main_content", + "value": "var(--vkui--grid_main_content)", }, - "normal": { - "name": "--vkui--portal_color_text_blue_accent_themed", - "value": "var(--vkui--portal_color_text_blue_accent_themed, #1C4479)", + "compact": { + "name": "--vkui--grid_main_content--compact", + "value": "var(--vkui--grid_main_content--compact, 620px)", }, - }, - "portalColorTextGreenAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_green_accent_themed--active", - "value": "var(--vkui--portal_color_text_green_accent_themed--active, #077369)", + "compactX": { + "name": "--vkui--grid_main_content--compact_x", + "value": "var(--vkui--grid_main_content--compact_x, 620px)", }, - "hover": { - "name": "--vkui--portal_color_text_green_accent_themed--hover", - "value": "var(--vkui--portal_color_text_green_accent_themed--hover, #08786B)", + "large": { + "name": "--vkui--grid_main_content--large", + "value": "var(--vkui--grid_main_content--large, 780px)", }, - "normal": { - "name": "--vkui--portal_color_text_green_accent_themed", - "value": "var(--vkui--portal_color_text_green_accent_themed, #087C6D)", + "regular": { + "name": "--vkui--grid_main_content--regular", + "value": "var(--vkui--grid_main_content--regular, 100%)", }, }, - "portalColorTextLinkVisitedAlternative": { - "active": { - "name": "--vkui--portal_color_text_link_visited_alternative--active", - "value": "var(--vkui--portal_color_text_link_visited_alternative--active, #4D0452)", - }, - "hover": { - "name": "--vkui--portal_color_text_link_visited_alternative--hover", - "value": "var(--vkui--portal_color_text_link_visited_alternative--hover, #510453)", + "gridMainContentWide": { + "auto": { + "name": "--vkui--grid_main_content_wide", + "value": "var(--vkui--grid_main_content_wide)", }, - "normal": { - "name": "--vkui--portal_color_text_link_visited_alternative", - "value": "var(--vkui--portal_color_text_link_visited_alternative, #540354)", + "compact": { + "name": "--vkui--grid_main_content_wide--compact", + "value": "var(--vkui--grid_main_content_wide--compact, 620px)", }, - }, - "portalColorTextOrangeAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_orange_accent_themed--active", - "value": "var(--vkui--portal_color_text_orange_accent_themed--active, #6E432C)", + "compactX": { + "name": "--vkui--grid_main_content_wide--compact_x", + "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", }, - "hover": { - "name": "--vkui--portal_color_text_orange_accent_themed--hover", - "value": "var(--vkui--portal_color_text_orange_accent_themed--hover, #73452B)", + "large": { + "name": "--vkui--grid_main_content_wide--large", + "value": "var(--vkui--grid_main_content_wide--large, 860px)", }, - "normal": { - "name": "--vkui--portal_color_text_orange_accent_themed", - "value": "var(--vkui--portal_color_text_orange_accent_themed, #78472A)", + "regular": { + "name": "--vkui--grid_main_content_wide--regular", + "value": "var(--vkui--grid_main_content_wide--regular, 100%)", }, }, - "portalColorTextPurpleAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_purple_accent_themed--active", - "value": "var(--vkui--portal_color_text_purple_accent_themed--active, #6A4C97)", + "gridWrapperContent": { + "auto": { + "name": "--vkui--grid_wrapper_content", + "value": "var(--vkui--grid_wrapper_content)", }, - "hover": { - "name": "--vkui--portal_color_text_purple_accent_themed--hover", - "value": "var(--vkui--portal_color_text_purple_accent_themed--hover, #6E4E9B)", + "compact": { + "name": "--vkui--grid_wrapper_content--compact", + "value": "var(--vkui--grid_wrapper_content--compact, 940px)", }, - "normal": { - "name": "--vkui--portal_color_text_purple_accent_themed", - "value": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", + "compactX": { + "name": "--vkui--grid_wrapper_content--compact_x", + "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", }, - }, - "portalElevation1": { - "name": "--vkui--portal_elevation1", - "value": "var(--vkui--portal_elevation1, 0px 6px 20px 0px rgba(0, 16, 61, 0.07))", - }, - "portalElevation2": { - "name": "--vkui--portal_elevation2", - "value": "var(--vkui--portal_elevation2, 0px 10px 24px 0px rgba(0, 16, 61, 0.11))", - }, - "portalElevation3": { - "name": "--vkui--portal_elevation3", - "value": "var(--vkui--portal_elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", - }, - "portalGradientBackground": { - "name": "--vkui--portal_gradient_background", - "value": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundAccent": { - "name": "--vkui--portal_gradient_background_accent", - "value": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundActive": { - "name": "--vkui--portal_gradient_background_active", - "value": "var(--vkui--portal_gradient_background_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundCard": { - "name": "--vkui--portal_gradient_background_card", - "value": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundCardActive": { - "name": "--vkui--portal_gradient_background_card_active", - "value": "var(--vkui--portal_gradient_background_card_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundCardHover": { - "name": "--vkui--portal_gradient_background_card_hover", - "value": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundContent": { - "name": "--vkui--portal_gradient_background_content", - "value": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundHover": { - "name": "--vkui--portal_gradient_background_hover", - "value": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundModal": { - "name": "--vkui--portal_gradient_background_modal", - "value": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundModalActive": { - "name": "--vkui--portal_gradient_background_modal_active", - "value": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundModalHover": { - "name": "--vkui--portal_gradient_background_modal_hover", - "value": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundSecondary": { - "name": "--vkui--portal_gradient_background_secondary", - "value": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "portalGradientBackgroundTertiary": { - "name": "--vkui--portal_gradient_background_tertiary", - "value": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "large": { + "name": "--vkui--grid_wrapper_content--large", + "value": "var(--vkui--grid_wrapper_content--large, 1260px)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--grid_wrapper_content--regular", + "value": "var(--vkui--grid_wrapper_content--regular, 100%)", }, }, - "sizeArrowHeight": { + "mediaFontMediaCaption": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", - }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "fontSize": { + "name": "--vkui--media_font_media_caption--font_size", + "value": "var(--vkui--media_font_media_caption--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_caption--font_weight", + "value": "var(--vkui--media_font_media_caption--font_weight)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_caption--line_height", + "value": "var(--vkui--media_font_media_caption--line_height)", + }, }, - }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "compact": { + "fontSize": { + "name": "--vkui--media_font_media_caption--font_size--compact", + "value": "var(--vkui--media_font_media_caption--font_size--compact, 16px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_caption--font_weight--compact", + "value": "var(--vkui--media_font_media_caption--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_caption--line_height--compact", + "value": "var(--vkui--media_font_media_caption--line_height--compact, 26px)", + }, }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "fontSize": { + "name": "--vkui--media_font_media_caption--font_size--regular", + "value": "var(--vkui--media_font_media_caption--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_caption--font_weight--regular", + "value": "var(--vkui--media_font_media_caption--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_caption--line_height--regular", + "value": "var(--vkui--media_font_media_caption--line_height--regular, 22px)", + }, }, }, - "sizeArrowPromo": { + "mediaFontMediaCaptionCaps": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", - }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "fontSize": { + "name": "--vkui--media_font_media_caption_caps--font_size", + "value": "var(--vkui--media_font_media_caption_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_caption_caps--font_weight", + "value": "var(--vkui--media_font_media_caption_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_caption_caps--letter_spacing", + "value": "var(--vkui--media_font_media_caption_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_caption_caps--line_height", + "value": "var(--vkui--media_font_media_caption_caps--line_height)", + }, }, - }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "compact": { + "fontSize": { + "name": "--vkui--media_font_media_caption_caps--font_size--compact", + "value": "var(--vkui--media_font_media_caption_caps--font_size--compact, 15px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_caption_caps--font_weight--compact", + "value": "var(--vkui--media_font_media_caption_caps--font_weight--compact, 400)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_caption_caps--letter_spacing--compact", + "value": "var(--vkui--media_font_media_caption_caps--letter_spacing--compact, 0.05em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_caption_caps--line_height--compact", + "value": "var(--vkui--media_font_media_caption_caps--line_height--compact, 20px)", + }, }, "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "fontSize": { + "name": "--vkui--media_font_media_caption_caps--font_size--regular", + "value": "var(--vkui--media_font_media_caption_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_caption_caps--font_weight--regular", + "value": "var(--vkui--media_font_media_caption_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_caption_caps--letter_spacing--regular", + "value": "var(--vkui--media_font_media_caption_caps--letter_spacing--regular, 0.05em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_caption_caps--line_height--regular", + "value": "var(--vkui--media_font_media_caption_caps--line_height--regular, 16px)", + }, }, }, - "sizeAttributeMargin": { + "mediaFontMediaLead": { "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", - }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "fontFamily": { + "name": "--vkui--media_font_media_lead--font_family", + "value": "var(--vkui--media_font_media_lead--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_lead--font_size", + "value": "var(--vkui--media_font_media_lead--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_lead--font_weight", + "value": "var(--vkui--media_font_media_lead--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_lead--letter_spacing", + "value": "var(--vkui--media_font_media_lead--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_lead--line_height", + "value": "var(--vkui--media_font_media_lead--line_height)", + }, }, - }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_lead--font_family--compact", + "value": "var(--vkui--media_font_media_lead--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_lead--font_size--compact", + "value": "var(--vkui--media_font_media_lead--font_size--compact, 24px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_lead--font_weight--compact", + "value": "var(--vkui--media_font_media_lead--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_lead--letter_spacing--compact", + "value": "var(--vkui--media_font_media_lead--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_lead--line_height--compact", + "value": "var(--vkui--media_font_media_lead--line_height--compact, 36px)", + }, }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "fontFamily": { + "name": "--vkui--media_font_media_lead--font_family--regular", + "value": "var(--vkui--media_font_media_lead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_lead--font_size--regular", + "value": "var(--vkui--media_font_media_lead--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_lead--font_weight--regular", + "value": "var(--vkui--media_font_media_lead--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_lead--letter_spacing--regular", + "value": "var(--vkui--media_font_media_lead--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_lead--line_height--regular", + "value": "var(--vkui--media_font_media_lead--line_height--regular, 26px)", + }, }, }, - "sizeAvatarM": { + "mediaFontMediaParagraph": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", - }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "fontFamily": { + "name": "--vkui--media_font_media_paragraph--font_family", + "value": "var(--vkui--media_font_media_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_paragraph--font_size", + "value": "var(--vkui--media_font_media_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph--font_weight", + "value": "var(--vkui--media_font_media_paragraph--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_paragraph--letter_spacing", + "value": "var(--vkui--media_font_media_paragraph--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph--line_height", + "value": "var(--vkui--media_font_media_paragraph--line_height)", + }, }, - }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_paragraph--font_family--compact", + "value": "var(--vkui--media_font_media_paragraph--font_family--compact, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_paragraph--font_size--compact", + "value": "var(--vkui--media_font_media_paragraph--font_size--compact, 18px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph--font_weight--compact", + "value": "var(--vkui--media_font_media_paragraph--font_weight--compact, 400)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_paragraph--letter_spacing--compact", + "value": "var(--vkui--media_font_media_paragraph--letter_spacing--compact, 0.003em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph--line_height--compact", + "value": "var(--vkui--media_font_media_paragraph--line_height--compact, 32px)", + }, }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "fontFamily": { + "name": "--vkui--media_font_media_paragraph--font_family--regular", + "value": "var(--vkui--media_font_media_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_paragraph--font_size--regular", + "value": "var(--vkui--media_font_media_paragraph--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph--font_weight--regular", + "value": "var(--vkui--media_font_media_paragraph--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_paragraph--letter_spacing--regular", + "value": "var(--vkui--media_font_media_paragraph--letter_spacing--regular, 0.003em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph--line_height--regular", + "value": "var(--vkui--media_font_media_paragraph--line_height--regular, 28px)", + }, }, }, - "sizeAvatarXL": { + "mediaFontMediaParagraphNumbering": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "fontFamily": { + "name": "--vkui--media_font_media_paragraph_numbering--font_family", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_paragraph_numbering--font_size", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_size)", + }, + "fontStyle": { + "name": "--vkui--media_font_media_paragraph_numbering--font_style", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_style)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph_numbering--font_weight", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_paragraph_numbering--letter_spacing", + "value": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph_numbering--line_height", + "value": "var(--vkui--media_font_media_paragraph_numbering--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_paragraph_numbering--font_family--compact", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_paragraph_numbering--font_size--compact", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_size--compact, 18px)", + }, + "fontStyle": { + "name": "--vkui--media_font_media_paragraph_numbering--font_style--compact", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_style--compact, italic)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph_numbering--font_weight--compact", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_weight--compact, 700)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_paragraph_numbering--letter_spacing--compact", + "value": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact, 0.003em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph_numbering--line_height--compact", + "value": "var(--vkui--media_font_media_paragraph_numbering--line_height--compact, 32px)", + }, }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "fontFamily": { + "name": "--vkui--media_font_media_paragraph_numbering--font_family--regular", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_paragraph_numbering--font_size--regular", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_size--regular, 16px)", + }, + "fontStyle": { + "name": "--vkui--media_font_media_paragraph_numbering--font_style--regular", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_style--regular, italic)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph_numbering--font_weight--regular", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_weight--regular, 700)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_paragraph_numbering--letter_spacing--regular", + "value": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular, 0.003em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph_numbering--line_height--regular", + "value": "var(--vkui--media_font_media_paragraph_numbering--line_height--regular, 28px)", + }, }, }, - "sizeAvatarXS": { + "mediaFontMediaParagraphSecondary": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "fontSize": { + "name": "--vkui--media_font_media_paragraph_secondary--font_size", + "value": "var(--vkui--media_font_media_paragraph_secondary--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph_secondary--font_weight", + "value": "var(--vkui--media_font_media_paragraph_secondary--font_weight)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph_secondary--line_height", + "value": "var(--vkui--media_font_media_paragraph_secondary--line_height)", + }, }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "fontSize": { + "name": "--vkui--media_font_media_paragraph_secondary--font_size--regular", + "value": "var(--vkui--media_font_media_paragraph_secondary--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_paragraph_secondary--font_weight--regular", + "value": "var(--vkui--media_font_media_paragraph_secondary--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_paragraph_secondary--line_height--regular", + "value": "var(--vkui--media_font_media_paragraph_secondary--line_height--regular, 24px)", + }, }, }, - "sizeBadgeL": { + "mediaFontMediaQuote": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "fontFamily": { + "name": "--vkui--media_font_media_quote--font_family", + "value": "var(--vkui--media_font_media_quote--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_quote--font_size", + "value": "var(--vkui--media_font_media_quote--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_quote--font_weight", + "value": "var(--vkui--media_font_media_quote--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_quote--letter_spacing", + "value": "var(--vkui--media_font_media_quote--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_quote--line_height", + "value": "var(--vkui--media_font_media_quote--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_quote--font_family--compact", + "value": "var(--vkui--media_font_media_quote--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_quote--font_size--compact", + "value": "var(--vkui--media_font_media_quote--font_size--compact, 24px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_quote--font_weight--compact", + "value": "var(--vkui--media_font_media_quote--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_quote--letter_spacing--compact", + "value": "var(--vkui--media_font_media_quote--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_quote--line_height--compact", + "value": "var(--vkui--media_font_media_quote--line_height--compact, 36px)", + }, }, "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "fontFamily": { + "name": "--vkui--media_font_media_quote--font_family--regular", + "value": "var(--vkui--media_font_media_quote--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_quote--font_size--regular", + "value": "var(--vkui--media_font_media_quote--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_quote--font_weight--regular", + "value": "var(--vkui--media_font_media_quote--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_quote--letter_spacing--regular", + "value": "var(--vkui--media_font_media_quote--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_quote--line_height--regular", + "value": "var(--vkui--media_font_media_quote--line_height--regular, 26px)", + }, }, }, - "sizeBadgeM": { + "mediaFontMediaQuotePerson": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "fontFamily": { + "name": "--vkui--media_font_media_quote_person--font_family", + "value": "var(--vkui--media_font_media_quote_person--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_quote_person--font_size", + "value": "var(--vkui--media_font_media_quote_person--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_quote_person--font_weight", + "value": "var(--vkui--media_font_media_quote_person--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_quote_person--letter_spacing", + "value": "var(--vkui--media_font_media_quote_person--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_quote_person--line_height", + "value": "var(--vkui--media_font_media_quote_person--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_quote_person--font_family--compact", + "value": "var(--vkui--media_font_media_quote_person--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_quote_person--font_size--compact", + "value": "var(--vkui--media_font_media_quote_person--font_size--compact, 24px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_quote_person--font_weight--compact", + "value": "var(--vkui--media_font_media_quote_person--font_weight--compact, 600)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_quote_person--letter_spacing--compact", + "value": "var(--vkui--media_font_media_quote_person--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_quote_person--line_height--compact", + "value": "var(--vkui--media_font_media_quote_person--line_height--compact, 32px)", + }, }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "fontFamily": { + "name": "--vkui--media_font_media_quote_person--font_family--regular", + "value": "var(--vkui--media_font_media_quote_person--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_quote_person--font_size--regular", + "value": "var(--vkui--media_font_media_quote_person--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_quote_person--font_weight--regular", + "value": "var(--vkui--media_font_media_quote_person--font_weight--regular, 600)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_quote_person--letter_spacing--regular", + "value": "var(--vkui--media_font_media_quote_person--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_quote_person--line_height--regular", + "value": "var(--vkui--media_font_media_quote_person--line_height--regular, 24px)", + }, }, }, - "sizeBadgeS": { + "mediaFontMediaSubtitleLight": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "fontFamily": { + "name": "--vkui--media_font_media_subtitle_light--font_family", + "value": "var(--vkui--media_font_media_subtitle_light--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_subtitle_light--font_size", + "value": "var(--vkui--media_font_media_subtitle_light--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_subtitle_light--font_weight", + "value": "var(--vkui--media_font_media_subtitle_light--font_weight)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_subtitle_light--line_height", + "value": "var(--vkui--media_font_media_subtitle_light--line_height)", + }, }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "fontFamily": { + "name": "--vkui--media_font_media_subtitle_light--font_family--regular", + "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_subtitle_light--font_size--regular", + "value": "var(--vkui--media_font_media_subtitle_light--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_subtitle_light--font_weight--regular", + "value": "var(--vkui--media_font_media_subtitle_light--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_subtitle_light--line_height--regular", + "value": "var(--vkui--media_font_media_subtitle_light--line_height--regular, 26px)", + }, }, }, - "sizeBadgeXL": { + "mediaFontMediaTextSecondaryLight": { "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "fontFamily": { + "name": "--vkui--media_font_media_text_secondary_light--font_family", + "value": "var(--vkui--media_font_media_text_secondary_light--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_text_secondary_light--font_size", + "value": "var(--vkui--media_font_media_text_secondary_light--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_text_secondary_light--font_weight", + "value": "var(--vkui--media_font_media_text_secondary_light--font_weight)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_text_secondary_light--line_height", + "value": "var(--vkui--media_font_media_text_secondary_light--line_height)", + }, }, "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "fontFamily": { + "name": "--vkui--media_font_media_text_secondary_light--font_family--regular", + "value": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_text_secondary_light--font_size--regular", + "value": "var(--vkui--media_font_media_text_secondary_light--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_text_secondary_light--font_weight--regular", + "value": "var(--vkui--media_font_media_text_secondary_light--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_text_secondary_light--line_height--regular", + "value": "var(--vkui--media_font_media_text_secondary_light--line_height--regular, 20px)", + }, }, }, - "sizeBadgeXS": { + "mediaFontMediaTitle1": { "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", - }, + "fontFamily": { + "name": "--vkui--media_font_media_title1--font_family", + "value": "var(--vkui--media_font_media_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title1--font_size", + "value": "var(--vkui--media_font_media_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title1--font_weight", + "value": "var(--vkui--media_font_media_title1--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title1--letter_spacing", + "value": "var(--vkui--media_font_media_title1--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title1--line_height", + "value": "var(--vkui--media_font_media_title1--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title1--font_family--compact", + "value": "var(--vkui--media_font_media_title1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title1--font_size--compact", + "value": "var(--vkui--media_font_media_title1--font_size--compact, 48px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title1--font_weight--compact", + "value": "var(--vkui--media_font_media_title1--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title1--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title1--line_height--compact", + "value": "var(--vkui--media_font_media_title1--line_height--compact, 56px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title1--font_family--regular", + "value": "var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title1--font_size--regular", + "value": "var(--vkui--media_font_media_title1--font_size--regular, 30px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title1--font_weight--regular", + "value": "var(--vkui--media_font_media_title1--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title1--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title1--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title1--line_height--regular", + "value": "var(--vkui--media_font_media_title1--line_height--regular, 36px)", + }, + }, + }, + "mediaFontMediaTitle1Tiny": { + "auto": { + "fontFamily": { + "name": "--vkui--media_font_media_title1_tiny--font_family", + "value": "var(--vkui--media_font_media_title1_tiny--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title1_tiny--font_size", + "value": "var(--vkui--media_font_media_title1_tiny--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title1_tiny--font_weight", + "value": "var(--vkui--media_font_media_title1_tiny--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title1_tiny--letter_spacing", + "value": "var(--vkui--media_font_media_title1_tiny--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title1_tiny--line_height", + "value": "var(--vkui--media_font_media_title1_tiny--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title1_tiny--font_family--compact", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title1_tiny--font_size--compact", + "value": "var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title1_tiny--font_weight--compact", + "value": "var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title1_tiny--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title1_tiny--line_height--compact", + "value": "var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title1_tiny--font_family--regular", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title1_tiny--font_size--regular", + "value": "var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title1_tiny--font_weight--regular", + "value": "var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title1_tiny--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title1_tiny--line_height--regular", + "value": "var(--vkui--media_font_media_title1_tiny--line_height--regular, 36px)", + }, + }, + }, + "mediaFontMediaTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--media_font_media_title2--font_family", + "value": "var(--vkui--media_font_media_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title2--font_size", + "value": "var(--vkui--media_font_media_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title2--font_weight", + "value": "var(--vkui--media_font_media_title2--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title2--letter_spacing", + "value": "var(--vkui--media_font_media_title2--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title2--line_height", + "value": "var(--vkui--media_font_media_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title2--font_family--compact", + "value": "var(--vkui--media_font_media_title2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title2--font_size--compact", + "value": "var(--vkui--media_font_media_title2--font_size--compact, 36px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title2--font_weight--compact", + "value": "var(--vkui--media_font_media_title2--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title2--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title2--line_height--compact", + "value": "var(--vkui--media_font_media_title2--line_height--compact, 44px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title2--font_family--regular", + "value": "var(--vkui--media_font_media_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title2--font_size--regular", + "value": "var(--vkui--media_font_media_title2--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title2--font_weight--regular", + "value": "var(--vkui--media_font_media_title2--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title2--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title2--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title2--line_height--regular", + "value": "var(--vkui--media_font_media_title2--line_height--regular, 34px)", + }, + }, + }, + "mediaFontMediaTitle2Tiny": { + "auto": { + "fontFamily": { + "name": "--vkui--media_font_media_title2_tiny--font_family", + "value": "var(--vkui--media_font_media_title2_tiny--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title2_tiny--font_size", + "value": "var(--vkui--media_font_media_title2_tiny--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title2_tiny--font_weight", + "value": "var(--vkui--media_font_media_title2_tiny--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title2_tiny--letter_spacing", + "value": "var(--vkui--media_font_media_title2_tiny--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title2_tiny--line_height", + "value": "var(--vkui--media_font_media_title2_tiny--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title2_tiny--font_family--compact", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title2_tiny--font_size--compact", + "value": "var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title2_tiny--font_weight--compact", + "value": "var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title2_tiny--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title2_tiny--line_height--compact", + "value": "var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title2_tiny--font_family--regular", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title2_tiny--font_size--regular", + "value": "var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title2_tiny--font_weight--regular", + "value": "var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title2_tiny--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title2_tiny--line_height--regular", + "value": "var(--vkui--media_font_media_title2_tiny--line_height--regular, 32px)", + }, + }, + }, + "mediaFontMediaTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--media_font_media_title3--font_family", + "value": "var(--vkui--media_font_media_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title3--font_size", + "value": "var(--vkui--media_font_media_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title3--font_weight", + "value": "var(--vkui--media_font_media_title3--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title3--letter_spacing", + "value": "var(--vkui--media_font_media_title3--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title3--line_height", + "value": "var(--vkui--media_font_media_title3--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title3--font_family--compact", + "value": "var(--vkui--media_font_media_title3--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title3--font_size--compact", + "value": "var(--vkui--media_font_media_title3--font_size--compact, 32px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title3--font_weight--compact", + "value": "var(--vkui--media_font_media_title3--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title3--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title3--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title3--line_height--compact", + "value": "var(--vkui--media_font_media_title3--line_height--compact, 40px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title3--font_family--regular", + "value": "var(--vkui--media_font_media_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title3--font_size--regular", + "value": "var(--vkui--media_font_media_title3--font_size--regular, 26px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title3--font_weight--regular", + "value": "var(--vkui--media_font_media_title3--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title3--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title3--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title3--line_height--regular", + "value": "var(--vkui--media_font_media_title3--line_height--regular, 32px)", + }, + }, + }, + "mediaFontMediaTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--media_font_media_title4--font_family", + "value": "var(--vkui--media_font_media_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title4--font_size", + "value": "var(--vkui--media_font_media_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title4--font_weight", + "value": "var(--vkui--media_font_media_title4--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title4--letter_spacing", + "value": "var(--vkui--media_font_media_title4--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title4--line_height", + "value": "var(--vkui--media_font_media_title4--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title4--font_family--compact", + "value": "var(--vkui--media_font_media_title4--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title4--font_size--compact", + "value": "var(--vkui--media_font_media_title4--font_size--compact, 28px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title4--font_weight--compact", + "value": "var(--vkui--media_font_media_title4--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title4--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title4--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title4--line_height--compact", + "value": "var(--vkui--media_font_media_title4--line_height--compact, 36px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title4--font_family--regular", + "value": "var(--vkui--media_font_media_title4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title4--font_size--regular", + "value": "var(--vkui--media_font_media_title4--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title4--font_weight--regular", + "value": "var(--vkui--media_font_media_title4--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title4--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title4--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title4--line_height--regular", + "value": "var(--vkui--media_font_media_title4--line_height--regular, 30px)", + }, + }, + }, + "mediaFontMediaTitle5": { + "auto": { + "fontFamily": { + "name": "--vkui--media_font_media_title5--font_family", + "value": "var(--vkui--media_font_media_title5--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title5--font_size", + "value": "var(--vkui--media_font_media_title5--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title5--font_weight", + "value": "var(--vkui--media_font_media_title5--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title5--letter_spacing", + "value": "var(--vkui--media_font_media_title5--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title5--line_height", + "value": "var(--vkui--media_font_media_title5--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title5--font_family--compact", + "value": "var(--vkui--media_font_media_title5--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title5--font_size--compact", + "value": "var(--vkui--media_font_media_title5--font_size--compact, 24px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title5--font_weight--compact", + "value": "var(--vkui--media_font_media_title5--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title5--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title5--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title5--line_height--compact", + "value": "var(--vkui--media_font_media_title5--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title5--font_family--regular", + "value": "var(--vkui--media_font_media_title5--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title5--font_size--regular", + "value": "var(--vkui--media_font_media_title5--font_size--regular, 22px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title5--font_weight--regular", + "value": "var(--vkui--media_font_media_title5--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title5--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title5--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title5--line_height--regular", + "value": "var(--vkui--media_font_media_title5--line_height--regular, 28px)", + }, + }, + }, + "mediaFontMediaTitle6": { + "auto": { + "fontFamily": { + "name": "--vkui--media_font_media_title6--font_family", + "value": "var(--vkui--media_font_media_title6--font_family)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title6--font_size", + "value": "var(--vkui--media_font_media_title6--font_size)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title6--font_weight", + "value": "var(--vkui--media_font_media_title6--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title6--letter_spacing", + "value": "var(--vkui--media_font_media_title6--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title6--line_height", + "value": "var(--vkui--media_font_media_title6--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title6--font_family--compact", + "value": "var(--vkui--media_font_media_title6--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title6--font_size--compact", + "value": "var(--vkui--media_font_media_title6--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title6--font_weight--compact", + "value": "var(--vkui--media_font_media_title6--font_weight--compact, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title6--letter_spacing--compact", + "value": "var(--vkui--media_font_media_title6--letter_spacing--compact, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title6--line_height--compact", + "value": "var(--vkui--media_font_media_title6--line_height--compact, 28px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title6--font_family--regular", + "value": "var(--vkui--media_font_media_title6--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--media_font_media_title6--font_size--regular", + "value": "var(--vkui--media_font_media_title6--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--media_font_media_title6--font_weight--regular", + "value": "var(--vkui--media_font_media_title6--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--media_font_media_title6--letter_spacing--regular", + "value": "var(--vkui--media_font_media_title6--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--media_font_media_title6--line_height--regular", + "value": "var(--vkui--media_font_media_title6--line_height--regular, 26px)", + }, + }, + }, + "mediaSizeGap": { + "name": "--vkui--media_size_gap", + "value": "var(--vkui--media_size_gap, 20px)", + }, + "mediaSizeGrid": { + "name": "--vkui--media_size_grid", + "value": "var(--vkui--media_size_grid, 60px)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "prefix": { + "name": "--vkui--prefix", + "value": "var(--vkui--prefix, vkui)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, + }, + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, "regular": { "name": "--vkui--size_badge_x_s--regular", "value": "var(--vkui--size_badge_x_s--regular, 12px)", @@ -261535,13 +270091,13 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_padding", "value": "var(--vkui--size_base_padding)", }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", + "compactX": { + "name": "--vkui--size_base_padding--compact_x", + "value": "var(--vkui--size_base_padding--compact_x, 16px)", }, "regular": { "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "value": "var(--vkui--size_base_padding--regular, 20px)", }, }, "sizeBasePaddingHorizontal": { @@ -261611,7 +270167,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", }, }, "sizeBorderRadiusPromo": { @@ -261651,7 +270207,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", }, }, "sizeBorderWidthBar": { @@ -261779,13 +270335,9 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_icon_padding", "value": "var(--vkui--size_button_icon_padding)", }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", - }, "regular": { "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + "value": "var(--vkui--size_button_icon_padding--regular, 20px)", }, }, "sizeButtonLargeHeight": { @@ -261793,13 +270345,9 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_large_height", "value": "var(--vkui--size_button_large_height)", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", - }, "regular": { "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "value": "var(--vkui--size_button_large_height--regular, 48px)", }, }, "sizeButtonMediumHeight": { @@ -261807,13 +270355,9 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_medium_height", "value": "var(--vkui--size_button_medium_height)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", - }, "regular": { "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "value": "var(--vkui--size_button_medium_height--regular, 40px)", }, }, "sizeButtonMinimumWidth": { @@ -261841,10 +270385,6 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_padding_horizontal", "value": "var(--vkui--size_button_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - }, "regular": { "name": "--vkui--size_button_padding_horizontal--regular", "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", @@ -261885,13 +270425,9 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_small_height", "value": "var(--vkui--size_button_small_height)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", - }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "value": "var(--vkui--size_button_small_height--regular, 36px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -262021,11 +270557,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + "value": "var(--vkui--size_control_button_width_min--compact, 130px)", + }, + "compactX": { + "name": "--vkui--size_control_button_width_min--compact_x", + "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", }, "regular": { "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + "value": "var(--vkui--size_control_button_width_min--regular, 94px)", }, }, "sizeDivPadding": { @@ -262073,13 +270613,9 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_height", "value": "var(--vkui--size_field_height)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", - }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "value": "var(--vkui--size_field_height--regular, 48px)", }, }, "sizeFieldHorizontalMargin": { @@ -262087,6 +270623,14 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_horizontal_margin", "value": "var(--vkui--size_field_horizontal_margin)", }, + "compact": { + "name": "--vkui--size_field_horizontal_margin--compact", + "value": "var(--vkui--size_field_horizontal_margin--compact, 16px)", + }, + "compactX": { + "name": "--vkui--size_field_horizontal_margin--compact_x", + "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", + }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", @@ -262127,13 +270671,13 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_width_min", "value": "var(--vkui--size_field_width_min)", }, - "compact": { - "name": "--vkui--size_field_width_min--compact", - "value": "var(--vkui--size_field_width_min--compact, 380px)", + "compactX": { + "name": "--vkui--size_field_width_min--compact_x", + "value": "var(--vkui--size_field_width_min--compact_x, 288px)", }, "regular": { "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", + "value": "var(--vkui--size_field_width_min--regular, 380px)", }, }, "sizeFormItemPaddingVertical": { @@ -262165,13 +270709,9 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_margin", "value": "var(--vkui--size_icon_margin)", }, - "compact": { - "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", - }, "regular": { "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, }, "sizeIconMorePadding": { @@ -262179,10 +270719,6 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_more_padding", "value": "var(--vkui--size_icon_more_padding)", }, - "compact": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", - }, "regular": { "name": "--vkui--size_icon_more_padding--regular", "value": "var(--vkui--size_icon_more_padding--regular, 12px)", @@ -262193,9 +270729,17 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_u_i", "value": "var(--vkui--size_icon_u_i)", }, + "compact": { + "name": "--vkui--size_icon_u_i--compact", + "value": "var(--vkui--size_icon_u_i--compact, 16px)", + }, + "compactX": { + "name": "--vkui--size_icon_u_i--compact_x", + "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", + }, "regular": { "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", }, }, "sizeIllustrationL": { @@ -262327,13 +270871,13 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_popup_base_padding", "value": "var(--vkui--size_popup_base_padding)", }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + "compactX": { + "name": "--vkui--size_popup_base_padding--compact_x", + "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", }, "regular": { "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, "sizePopupHeaderPadding": { @@ -262341,13 +270885,13 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_popup_header_padding", "value": "var(--vkui--size_popup_header_padding)", }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + "compactX": { + "name": "--vkui--size_popup_header_padding--compact_x", + "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", }, "regular": { "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, "sizePopupLarge": { @@ -262367,11 +270911,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", + "value": "var(--vkui--size_popup_margin--compact, 8px)", + }, + "compactX": { + "name": "--vkui--size_popup_margin--compact_x", + "value": "var(--vkui--size_popup_margin--compact_x, 8px)", }, "regular": { "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", + "value": "var(--vkui--size_popup_margin--regular, 24px)", }, }, "sizePopupMedium": { @@ -262445,11 +270993,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + }, + "compactX": { + "name": "--vkui--size_select_icon_padding--compact_x", + "value": "var(--vkui--size_select_icon_padding--compact_x, 7px)", }, "regular": { "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, "sizeSliceBottomPadding": { @@ -262549,6 +271101,14 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_tab_margin", "value": "var(--vkui--size_tab_margin)", }, + "compact": { + "name": "--vkui--size_tab_margin--compact", + "value": "var(--vkui--size_tab_margin--compact, 32px)", + }, + "compactX": { + "name": "--vkui--size_tab_margin--compact_x", + "value": "var(--vkui--size_tab_margin--compact_x, 32px)", + }, "regular": { "name": "--vkui--size_tab_margin--regular", "value": "var(--vkui--size_tab_margin--regular, 8px)", @@ -262559,6 +271119,14 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_tab_padding", "value": "var(--vkui--size_tab_padding)", }, + "compact": { + "name": "--vkui--size_tab_padding--compact", + "value": "var(--vkui--size_tab_padding--compact, 0px)", + }, + "compactX": { + "name": "--vkui--size_tab_padding--compact_x", + "value": "var(--vkui--size_tab_padding--compact_x, 0px)", + }, "regular": { "name": "--vkui--size_tab_padding--regular", "value": "var(--vkui--size_tab_padding--regular, 16px)", @@ -262686,11 +271254,11 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, portalUI)", + "value": "var(--vkui--theme_name, pharma)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, portalUI)", + "value": "var(--vkui--theme_name_base, pharma)", }, "themeType": "cssVars", "toneValueActive": { @@ -262725,21 +271293,45 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--type_border_position", "value": "var(--vkui--type_border_position, inset)", }, + "widthDesktopM": { + "name": "--vkui--width_desktop_m", + "value": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", + }, "widthDesktopS": { "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "value": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", + }, + "widthFromDesktopM": { + "name": "--vkui--width_from_desktop_m", + "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", }, "widthFromDesktopS": { "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", + }, + "widthFromTablet": { + "name": "--vkui--width_from_tablet", + "value": "var(--vkui--width_from_tablet, "(min-width: 660px)")", + }, + "widthTablet": { + "name": "--vkui--width_tablet", + "value": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", + }, + "widthToDesktopS": { + "name": "--vkui--width_to_desktop_s", + "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", + }, + "widthToTablet": { + "name": "--vkui--width_to_tablet", + "value": "var(--vkui--width_to_tablet, "(max-width: 979px)")", }, "widthToTouch": { "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "value": "var(--vkui--width_to_touch, "(max-width: 659px)")", }, "widthTouch": { "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", + "value": "var(--vkui--width_touch, "(max-width: 659px)")", }, "x0": { "name": "--vkui--x0", @@ -262808,7 +271400,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -262816,9 +271408,17 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 768, + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, }, "touch": { "adaptiveValue": "regular", @@ -262831,9 +271431,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -262876,9 +271476,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -262886,9 +271486,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -262901,9 +271501,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -262921,9 +271521,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -262931,14 +271531,14 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -262946,19 +271546,19 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -263001,29 +271601,29 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -263060,6 +271660,16 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -263106,19 +271716,19 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -263136,14 +271746,14 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -263171,9 +271781,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -263246,32 +271856,117 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "colorRating": { + "colorPrimaryAuto": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryBase": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryDeti": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryDobro": { "active": "#EBC405", "hover": "#F5CC02", "normal": "#ffd400", }, - "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", - }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "colorPrimaryHealth": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "colorPrimaryHealthNew": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorSeparatorPrimary2x": { - "active": "#BDC1C9", + "colorPrimaryHitech": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryKino": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryLady": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryMycom": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", + }, + "colorPrimaryPets": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#4684B2", + "hover": "#4989B7", + "normal": "#4c8ebc", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "colorSale": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, + "colorSearchFieldBackground": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSecondaryBase": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorSecondaryHealth": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorSecondaryMycom": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorSeparatorPrimary2x": { + "active": "#BDC1C9", "hover": "#C5C8CF", "normal": "#CDD0D5", }, @@ -263300,15 +271995,50 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "#D7D9DF", "normal": "#E0E1E6", }, + "colorSocialBehance": { + "active": "#1562EF", + "hover": "#1665F7", + "normal": "#1769ff", + }, + "colorSocialDribbble": { + "active": "#D74783", + "hover": "#E14A86", + "normal": "#ea4c89", + }, + "colorSocialFb": { + "active": "#166FE4", + "hover": "#1773EB", + "normal": "#1877f2", + }, + "colorSocialMir": { + "active": "#1075CD", + "hover": "#107AD4", + "normal": "#117eda", + }, + "colorSocialOk": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#ee8208", + }, + "colorSocialTwitter": { + "active": "#1B95E4", + "hover": "#1C9BEB", + "normal": "#1da1f2", + }, + "colorSocialVk": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", + }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -263316,9 +272046,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -263331,14 +272061,14 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -263351,14 +272081,14 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -263376,9 +272106,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -263471,9 +272201,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -263498,7 +272228,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -263506,7 +272236,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", @@ -263516,7 +272246,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -263524,7 +272254,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", @@ -263534,7 +272264,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -263542,7 +272272,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", @@ -263588,12 +272318,13 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -263601,7 +272332,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", @@ -263623,35 +272354,55 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontSize": "32px", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "36px", "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": "48px", }, }, "fontH2": { "compact": { - "fontSize": "28px", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "34px", + }, + }, + "fontH3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", }, }, + "fontH4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "22px", + }, + }, "fontHeadline": { "compact": { "fontSize": "15px", "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -263663,7 +272414,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -263675,7 +272426,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -263683,7 +272434,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -263695,7 +272446,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -263707,7 +272458,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -263715,7 +272466,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -263723,7 +272474,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -263731,7 +272482,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -263743,118 +272494,326 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "fontWeightMedia1": 700, + "fontWeightMedia2": 600, + "fontWeightMedia3": 500, + "fontWeightMedia4": 400, "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "portalColorBackground": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "gridAsideContent": { + "compact": "300px", + "compactX": "300px", + "large": "300px", + "regular": "100%", }, - "portalColorBackgroundAccent": { - "active": "#D4DDEF", - "hover": "#DDE6F6", - "normal": "#E6EFFE", + "gridColumnX2": { + "compact": "430px", + "compactX": "280px", + "large": "580px", + "regular": "100%", }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "gridColumnX3": { + "compact": "280px", + "compactX": "180px", + "large": "380px", + "regular": "100%", }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "gridColumnX4": { + "compact": "205px", + "compactX": "130px", + "large": "280px", + "regular": "100%", }, - "portalColorBackgroundCard": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "gridColumnX6": { + "compact": "130px", + "compactX": "80px", + "large": "180px", + "regular": "100%", }, - "portalColorBackgroundDark": { - "active": "#3E3E3F", - "hover": "#2B2B2C", - "normal": "#19191A", + "gridMainContent": { + "compact": "620px", + "compactX": "620px", + "large": "780px", + "regular": "100%", }, - "portalColorBackgroundInvariable": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "gridMainContentWide": { + "compact": "620px", + "compactX": "620px", + "large": "860px", + "regular": "100%", }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "gridWrapperContent": { + "compact": "940px", + "compactX": "620px", + "large": "1260px", + "regular": "100%", }, - "portalColorPaletteLightBlue": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5A9EFF", + "mediaFontMediaCaption": { + "compact": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "26px", + }, + "regular": { + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "22px", + }, }, - "portalColorPaletteSweetBlue": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": "15px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "20px", + }, + "regular": { + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "16px", + }, }, - "portalColorPaletteSweetGreen": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "mediaFontMediaLead": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "26px", + }, }, - "portalColorPaletteSweetOrange": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "mediaFontMediaParagraph": { + "compact": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, }, - "portalColorPaletteSweetPurple": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "mediaFontMediaParagraphNumbering": { + "compact": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": "18px", + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, }, - "portalColorTextBlueAccentThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "24px", + }, }, - "portalColorTextGreenAccentThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "mediaFontMediaQuote": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "26px", + }, }, - "portalColorTextLinkVisitedAlternative": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", + "mediaFontMediaQuotePerson": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": "24px", + }, }, - "portalColorTextOrangeAccentThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "26px", + }, }, - "portalColorTextPurpleAccentThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "portalElevation1": "0px 6px 20px 0px rgba(0, 16, 61, 0.07)", - "portalElevation2": "0px 10px 24px 0px rgba(0, 16, 61, 0.11)", - "portalElevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "portalGradientBackground": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundCardActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "mediaFontMediaTitle1": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "48px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "56px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "30px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + }, + "mediaFontMediaTitle1Tiny": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "40px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "48px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "30px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + }, + "mediaFontMediaTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "34px", + }, + }, + "mediaFontMediaTitle2Tiny": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "40px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "26px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, + }, + "mediaFontMediaTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "40px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "26px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, + }, + "mediaFontMediaTitle4": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "30px", + }, + }, + "mediaFontMediaTitle5": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "28px", + }, + }, + "mediaFontMediaTitle6": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "28px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "26px", + }, + }, + "mediaSizeGap": "20px", + "mediaSizeGrid": "60px", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "prefix": "vkui", "sizeArrow": { "regular": "8px", }, @@ -263908,8 +272867,8 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "compactX": "16px", + "regular": "20px", }, "sizeBasePaddingHorizontal": { "regular": "16px", @@ -263930,7 +272889,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -263942,7 +272901,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "regular": "4px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -263981,16 +272940,13 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "regular": "20px", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": "48px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "regular": "40px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -263999,7 +272955,6 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -264012,8 +272967,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "36px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -264052,8 +273006,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "compact": "130px", + "compactX": "130px", + "regular": "94px", }, "sizeDivPadding": { "regular": "4px", @@ -264068,10 +273023,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "regular": "48px", }, "sizeFieldHorizontalMargin": { + "compact": "16px", + "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -264084,8 +273040,8 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "compactX": "288px", + "regular": "380px", }, "sizeFormItemPaddingVertical": { "regular": "12px", @@ -264095,15 +273051,15 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "regular": "8px", }, "sizeIconMorePadding": { - "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "16px", + "compact": "16px", + "compactX": "16px", + "regular": "18px", }, "sizeIllustrationL": { "regular": "144px", @@ -264143,19 +273099,20 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "56px", }, "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "compactX": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "compactX": "16px", + "regular": "24px", }, "sizePopupLarge": { "regular": "880px", }, "sizePopupMargin": { - "compact": "24px", - "regular": "8px", + "compact": "8px", + "compactX": "8px", + "regular": "24px", }, "sizePopupMedium": { "regular": "680px", @@ -264177,8 +273134,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "compact": "7px", + "compactX": "7px", + "regular": "6px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -264208,9 +273166,13 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "34px", }, "sizeTabMargin": { + "compact": "32px", + "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { + "compact": "0px", + "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -264247,8 +273209,8 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "portalUI", - "themeNameBase": "portalUI", + "themeName": "pharma", + "themeNameBase": "pharma", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -264258,10 +273220,16 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", + "widthDesktopM": "(min-width: 1300px)", + "widthDesktopS": "(min-width: 980px) and (max-width: 1299px)", + "widthFromDesktopM": "(min-width: 1300px)", + "widthFromDesktopS": "(min-width: 980px)", + "widthFromTablet": "(min-width: 660px)", + "widthTablet": "(min-width: 660px) and (max-width: 979px)", + "widthToDesktopS": "(max-width: 1299px)", + "widthToTablet": "(max-width: 979px)", + "widthToTouch": "(max-width: 659px)", + "widthTouch": "(max-width: 659px)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -264281,7 +273249,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -264289,9 +273257,17 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", "breakpoints": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 768, + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, }, "touch": { "adaptiveValue": "regular", @@ -264304,9 +273280,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -264349,9 +273325,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -264359,9 +273335,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -264374,9 +273350,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -264394,9 +273370,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #1BC39A)", + "hover": "var(--vkui--color_background_accent--hover, #1CCB9E)", + "normal": "var(--vkui--color_background_accent, #1DD3A2)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -264404,14 +273380,14 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -264419,19 +273395,19 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -264474,29 +273450,29 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -264533,6 +273509,16 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", @@ -264579,19 +273565,19 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -264609,14 +273595,14 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #1BC39A)", + "hover": "var(--vkui--color_icon_accent--hover, #1CCB9E)", + "normal": "var(--vkui--color_icon_accent, #1DD3A2)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -264644,9 +273630,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #0CB465)", @@ -264719,20 +273705,105 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + "colorPrimaryAuto": { + "active": "var(--vkui--color_primary_auto--active, #006FEF)", + "hover": "var(--vkui--color_primary_auto--hover, #0073F7)", + "normal": "var(--vkui--color_primary_auto, #0077FF)", + }, + "colorPrimaryBase": { + "active": "var(--vkui--color_primary_base--active, #006FEF)", + "hover": "var(--vkui--color_primary_base--hover, #0073F7)", + "normal": "var(--vkui--color_primary_base, #0077FF)", + }, + "colorPrimaryDeti": { + "active": "var(--vkui--color_primary_deti--active, #006FEF)", + "hover": "var(--vkui--color_primary_deti--hover, #0073F7)", + "normal": "var(--vkui--color_primary_deti, #0077FF)", + }, + "colorPrimaryDobro": { + "active": "var(--vkui--color_primary_dobro--active, #EBC405)", + "hover": "var(--vkui--color_primary_dobro--hover, #F5CC02)", + "normal": "var(--vkui--color_primary_dobro, #ffd400)", + }, + "colorPrimaryHealth": { + "active": "var(--vkui--color_primary_health--active, #006FEF)", + "hover": "var(--vkui--color_primary_health--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health, #0077FF)", + }, + "colorPrimaryHealthNew": { + "active": "var(--vkui--color_primary_health_new--active, #006FEF)", + "hover": "var(--vkui--color_primary_health_new--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health_new, #0077FF)", + }, + "colorPrimaryHitech": { + "active": "var(--vkui--color_primary_hitech--active, #006FEF)", + "hover": "var(--vkui--color_primary_hitech--hover, #0073F7)", + "normal": "var(--vkui--color_primary_hitech, #0077FF)", + }, + "colorPrimaryKino": { + "active": "var(--vkui--color_primary_kino--active, #006FEF)", + "hover": "var(--vkui--color_primary_kino--hover, #0073F7)", + "normal": "var(--vkui--color_primary_kino, #0077FF)", + }, + "colorPrimaryLady": { + "active": "var(--vkui--color_primary_lady--active, #006FEF)", + "hover": "var(--vkui--color_primary_lady--hover, #0073F7)", + "normal": "var(--vkui--color_primary_lady, #0077FF)", + }, + "colorPrimaryMycom": { + "active": "var(--vkui--color_primary_mycom--active, #009FE4)", + "hover": "var(--vkui--color_primary_mycom--hover, #00A5EB)", + "normal": "var(--vkui--color_primary_mycom, #00abf2)", + }, + "colorPrimaryPets": { + "active": "var(--vkui--color_primary_pets--active, #006FEF)", + "hover": "var(--vkui--color_primary_pets--hover, #0073F7)", + "normal": "var(--vkui--color_primary_pets, #0077FF)", + }, + "colorPrimaryPharma": { + "active": "var(--vkui--color_primary_pharma--active, #1BC39A)", + "hover": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", + "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", + }, + "colorPrimaryRealty": { + "active": "var(--vkui--color_primary_realty--active, #4684B2)", + "hover": "var(--vkui--color_primary_realty--hover, #4989B7)", + "normal": "var(--vkui--color_primary_realty, #4c8ebc)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", "hover": "var(--vkui--color_rating--hover, #F5CC02)", "normal": "var(--vkui--color_rating, #ffd400)", }, + "colorSale": { + "active": "var(--vkui--color_sale--active, #D8187C)", + "hover": "var(--vkui--color_sale--hover, #E2197E)", + "normal": "var(--vkui--color_sale, #eb1981)", + }, "colorSearchFieldBackground": { "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, + "colorSecondaryBase": { + "active": "var(--vkui--color_secondary_base--active, #006FEF)", + "hover": "var(--vkui--color_secondary_base--hover, #0073F7)", + "normal": "var(--vkui--color_secondary_base, #0077FF)", + }, + "colorSecondaryHealth": { + "active": "var(--vkui--color_secondary_health--active, #006FEF)", + "hover": "var(--vkui--color_secondary_health--hover, #0073F7)", + "normal": "var(--vkui--color_secondary_health, #0077FF)", + }, + "colorSecondaryMycom": { + "active": "var(--vkui--color_secondary_mycom--active, #E82A38)", + "hover": "var(--vkui--color_secondary_mycom--hover, #F22B38)", + "normal": "var(--vkui--color_secondary_mycom, #fc2c38)", + }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", @@ -264773,15 +273844,50 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, + "colorSocialBehance": { + "active": "var(--vkui--color_social_behance--active, #1562EF)", + "hover": "var(--vkui--color_social_behance--hover, #1665F7)", + "normal": "var(--vkui--color_social_behance, #1769ff)", + }, + "colorSocialDribbble": { + "active": "var(--vkui--color_social_dribbble--active, #D74783)", + "hover": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "normal": "var(--vkui--color_social_dribbble, #ea4c89)", + }, + "colorSocialFb": { + "active": "var(--vkui--color_social_fb--active, #166FE4)", + "hover": "var(--vkui--color_social_fb--hover, #1773EB)", + "normal": "var(--vkui--color_social_fb, #1877f2)", + }, + "colorSocialMir": { + "active": "var(--vkui--color_social_mir--active, #1075CD)", + "hover": "var(--vkui--color_social_mir--hover, #107AD4)", + "normal": "var(--vkui--color_social_mir, #117eda)", + }, + "colorSocialOk": { + "active": "var(--vkui--color_social_ok--active, #DB790C)", + "hover": "var(--vkui--color_social_ok--hover, #E47D0A)", + "normal": "var(--vkui--color_social_ok, #ee8208)", + }, + "colorSocialTwitter": { + "active": "var(--vkui--color_social_twitter--active, #1B95E4)", + "hover": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "normal": "var(--vkui--color_social_twitter, #1da1f2)", + }, + "colorSocialVk": { + "active": "var(--vkui--color_social_vk--active, #3A80D3)", + "hover": "var(--vkui--color_social_vk--hover, #3C85D9)", + "normal": "var(--vkui--color_social_vk, #3F8AE0)", + }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #1BC39A)", + "hover": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", + "normal": "var(--vkui--color_stroke_accent, #1DD3A2)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -264789,9 +273895,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -264804,14 +273910,14 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #1BC39A)", + "hover": "var(--vkui--color_text_accent--hover, #1CCB9E)", + "normal": "var(--vkui--color_text_accent, #1DD3A2)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -264824,14 +273930,14 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -264849,9 +273955,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -264944,9 +274050,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -264971,7 +274077,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", @@ -264979,7 +274085,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", @@ -264989,7 +274095,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -264997,7 +274103,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", @@ -265007,7 +274113,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -265015,7 +274121,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", @@ -265061,12 +274167,13 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamilyArticle": "var(--vkui--font_family_article, Inter, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", @@ -265074,7 +274181,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", @@ -265096,26 +274203,46 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "fontFamily": "var(--vkui--font_h1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--compact, 28px)", + "fontWeight": "var(--vkui--font_h1--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 36px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 48px)", }, }, "fontH2": { "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "fontFamily": "var(--vkui--font_h2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--compact, 24px)", + "fontWeight": "var(--vkui--font_h2--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 28px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 34px)", + }, + }, + "fontH3": { + "regular": { + "fontFamily": "var(--vkui--font_h3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h3--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h3--line_height--regular, 26px)", + }, + }, + "fontH4": { + "regular": { + "fontFamily": "var(--vkui--font_h4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h4--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_h4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h4--line_height--regular, 22px)", }, }, "fontHeadline": { @@ -265124,7 +274251,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -265136,7 +274263,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -265148,7 +274275,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -265156,7 +274283,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -265168,7 +274295,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -265180,7 +274307,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -265188,7 +274315,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -265196,7 +274323,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", @@ -265204,7 +274331,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -265216,118 +274343,326 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "fontWeightMedia1": "var(--vkui--font_weight_media1, 700)", + "fontWeightMedia2": "var(--vkui--font_weight_media2, 600)", + "fontWeightMedia3": "var(--vkui--font_weight_media3, 500)", + "fontWeightMedia4": "var(--vkui--font_weight_media4, 400)", "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "portalColorBackground": { - "active": "var(--vkui--portal_color_background--active, #E5E6EB)", - "hover": "var(--vkui--portal_color_background--hover, #EFF0F2)", - "normal": "var(--vkui--portal_color_background, #F9F9FA)", + "gridAsideContent": { + "compact": "var(--vkui--grid_aside_content--compact, 300px)", + "compactX": "var(--vkui--grid_aside_content--compact_x, 300px)", + "large": "var(--vkui--grid_aside_content--large, 300px)", + "regular": "var(--vkui--grid_aside_content--regular, 100%)", }, - "portalColorBackgroundAccent": { - "active": "var(--vkui--portal_color_background_accent--active, #D4DDEF)", - "hover": "var(--vkui--portal_color_background_accent--hover, #DDE6F6)", - "normal": "var(--vkui--portal_color_background_accent, #E6EFFE)", + "gridColumnX2": { + "compact": "var(--vkui--grid_column_x2--compact, 430px)", + "compactX": "var(--vkui--grid_column_x2--compact_x, 280px)", + "large": "var(--vkui--grid_column_x2--large, 580px)", + "regular": "var(--vkui--grid_column_x2--regular, 100%)", }, - "portalColorBackgroundAccentAlpha": { - "active": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.1))", + "gridColumnX3": { + "compact": "var(--vkui--grid_column_x3--compact, 280px)", + "compactX": "var(--vkui--grid_column_x3--compact_x, 180px)", + "large": "var(--vkui--grid_column_x3--large, 380px)", + "regular": "var(--vkui--grid_column_x3--regular, 100%)", }, - "portalColorBackgroundAccentTabAlpha": { - "active": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(0, 95, 249, 0.1))", + "gridColumnX4": { + "compact": "var(--vkui--grid_column_x4--compact, 205px)", + "compactX": "var(--vkui--grid_column_x4--compact_x, 130px)", + "large": "var(--vkui--grid_column_x4--large, 280px)", + "regular": "var(--vkui--grid_column_x4--regular, 100%)", }, - "portalColorBackgroundCard": { - "active": "var(--vkui--portal_color_background_card--active, #EBECEF)", - "hover": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", - "normal": "var(--vkui--portal_color_background_card, #FFFFFF)", + "gridColumnX6": { + "compact": "var(--vkui--grid_column_x6--compact, 130px)", + "compactX": "var(--vkui--grid_column_x6--compact_x, 80px)", + "large": "var(--vkui--grid_column_x6--large, 180px)", + "regular": "var(--vkui--grid_column_x6--regular, 100%)", }, - "portalColorBackgroundDark": { - "active": "var(--vkui--portal_color_background_dark--active, #3E3E3F)", - "hover": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", - "normal": "var(--vkui--portal_color_background_dark, #19191A)", + "gridMainContent": { + "compact": "var(--vkui--grid_main_content--compact, 620px)", + "compactX": "var(--vkui--grid_main_content--compact_x, 620px)", + "large": "var(--vkui--grid_main_content--large, 780px)", + "regular": "var(--vkui--grid_main_content--regular, 100%)", }, - "portalColorBackgroundInvariable": { - "active": "var(--vkui--portal_color_background_invariable--active, #DDDFE4)", - "hover": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", - "normal": "var(--vkui--portal_color_background_invariable, #F0F1F3)", + "gridMainContentWide": { + "compact": "var(--vkui--grid_main_content_wide--compact, 620px)", + "compactX": "var(--vkui--grid_main_content_wide--compact_x, 620px)", + "large": "var(--vkui--grid_main_content_wide--large, 860px)", + "regular": "var(--vkui--grid_main_content_wide--regular, 100%)", }, - "portalColorOverlayPrimaryAlpha": { - "active": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.23))", - "hover": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.19))", - "normal": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.15))", + "gridWrapperContent": { + "compact": "var(--vkui--grid_wrapper_content--compact, 940px)", + "compactX": "var(--vkui--grid_wrapper_content--compact_x, 620px)", + "large": "var(--vkui--grid_wrapper_content--large, 1260px)", + "regular": "var(--vkui--grid_wrapper_content--regular, 100%)", }, - "portalColorPaletteLightBlue": { - "active": "var(--vkui--portal_color_palette_light_blue--active, #5393EF)", - "hover": "var(--vkui--portal_color_palette_light_blue--hover, #5698F7)", - "normal": "var(--vkui--portal_color_palette_light_blue, #5A9EFF)", + "mediaFontMediaCaption": { + "compact": { + "fontSize": "var(--vkui--media_font_media_caption--font_size--compact, 16px)", + "fontWeight": "var(--vkui--media_font_media_caption--font_weight--compact, 400)", + "lineHeight": "var(--vkui--media_font_media_caption--line_height--compact, 26px)", + }, + "regular": { + "fontSize": "var(--vkui--media_font_media_caption--font_size--regular, 14px)", + "fontWeight": "var(--vkui--media_font_media_caption--font_weight--regular, 400)", + "lineHeight": "var(--vkui--media_font_media_caption--line_height--regular, 22px)", + }, }, - "portalColorPaletteSweetBlue": { - "active": "var(--vkui--portal_color_palette_sweet_blue--active, #CBD8EF)", - "hover": "var(--vkui--portal_color_palette_sweet_blue--hover, #D4E0F7)", - "normal": "var(--vkui--portal_color_palette_sweet_blue, #DDE9FF)", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": "var(--vkui--media_font_media_caption_caps--font_size--compact, 15px)", + "fontWeight": "var(--vkui--media_font_media_caption_caps--font_weight--compact, 400)", + "letterSpacing": "var(--vkui--media_font_media_caption_caps--letter_spacing--compact, 0.05em)", + "lineHeight": "var(--vkui--media_font_media_caption_caps--line_height--compact, 20px)", + }, + "regular": { + "fontSize": "var(--vkui--media_font_media_caption_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--media_font_media_caption_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--media_font_media_caption_caps--letter_spacing--regular, 0.05em)", + "lineHeight": "var(--vkui--media_font_media_caption_caps--line_height--regular, 16px)", + }, }, - "portalColorPaletteSweetGreen": { - "active": "var(--vkui--portal_color_palette_sweet_green--active, #BEDCD8)", - "hover": "var(--vkui--portal_color_palette_sweet_green--hover, #C6E5DF)", - "normal": "var(--vkui--portal_color_palette_sweet_green, #CEEEE6)", + "mediaFontMediaLead": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_lead--font_size--compact, 24px)", + "fontWeight": "var(--vkui--media_font_media_lead--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_lead--line_height--compact, 36px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_lead--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_lead--font_size--regular, 18px)", + "fontWeight": "var(--vkui--media_font_media_lead--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_lead--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_lead--line_height--regular, 26px)", + }, }, - "portalColorPaletteSweetOrange": { - "active": "var(--vkui--portal_color_palette_sweet_orange--active, #E5C3B3)", - "hover": "var(--vkui--portal_color_palette_sweet_orange--hover, #EFCBB8)", - "normal": "var(--vkui--portal_color_palette_sweet_orange, #F9D3BD)", + "mediaFontMediaParagraph": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--compact, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_paragraph--font_size--compact, 18px)", + "fontWeight": "var(--vkui--media_font_media_paragraph--font_weight--compact, 400)", + "letterSpacing": "var(--vkui--media_font_media_paragraph--letter_spacing--compact, 0.003em)", + "lineHeight": "var(--vkui--media_font_media_paragraph--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_paragraph--font_size--regular, 16px)", + "fontWeight": "var(--vkui--media_font_media_paragraph--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--media_font_media_paragraph--letter_spacing--regular, 0.003em)", + "lineHeight": "var(--vkui--media_font_media_paragraph--line_height--regular, 28px)", + }, }, - "portalColorPaletteSweetPurple": { - "active": "var(--vkui--portal_color_palette_sweet_purple--active, #DFD7EF)", - "hover": "var(--vkui--portal_color_palette_sweet_purple--hover, #E8DFF7)", - "normal": "var(--vkui--portal_color_palette_sweet_purple, #F2E8FF)", + "mediaFontMediaParagraphNumbering": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_paragraph_numbering--font_size--compact, 18px)", + "fontStyle": "var(--vkui--media_font_media_paragraph_numbering--font_style--compact, italic)", + "fontWeight": "var(--vkui--media_font_media_paragraph_numbering--font_weight--compact, 700)", + "letterSpacing": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact, 0.003em)", + "lineHeight": "var(--vkui--media_font_media_paragraph_numbering--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_paragraph_numbering--font_size--regular, 16px)", + "fontStyle": "var(--vkui--media_font_media_paragraph_numbering--font_style--regular, italic)", + "fontWeight": "var(--vkui--media_font_media_paragraph_numbering--font_weight--regular, 700)", + "letterSpacing": "var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular, 0.003em)", + "lineHeight": "var(--vkui--media_font_media_paragraph_numbering--line_height--regular, 28px)", + }, }, - "portalColorTextBlueAccentThemed": { - "active": "var(--vkui--portal_color_text_blue_accent_themed--active, #1A4074)", - "hover": "var(--vkui--portal_color_text_blue_accent_themed--hover, #1B4277)", - "normal": "var(--vkui--portal_color_text_blue_accent_themed, #1C4479)", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": "var(--vkui--media_font_media_paragraph_secondary--font_size--regular, 16px)", + "fontWeight": "var(--vkui--media_font_media_paragraph_secondary--font_weight--regular, 400)", + "lineHeight": "var(--vkui--media_font_media_paragraph_secondary--line_height--regular, 24px)", + }, }, - "portalColorTextGreenAccentThemed": { - "active": "var(--vkui--portal_color_text_green_accent_themed--active, #077369)", - "hover": "var(--vkui--portal_color_text_green_accent_themed--hover, #08786B)", - "normal": "var(--vkui--portal_color_text_green_accent_themed, #087C6D)", + "mediaFontMediaQuote": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_quote--font_size--compact, 24px)", + "fontWeight": "var(--vkui--media_font_media_quote--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_quote--line_height--compact, 36px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_quote--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_quote--font_size--regular, 18px)", + "fontWeight": "var(--vkui--media_font_media_quote--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_quote--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_quote--line_height--regular, 26px)", + }, }, - "portalColorTextLinkVisitedAlternative": { - "active": "var(--vkui--portal_color_text_link_visited_alternative--active, #4D0452)", - "hover": "var(--vkui--portal_color_text_link_visited_alternative--hover, #510453)", - "normal": "var(--vkui--portal_color_text_link_visited_alternative, #540354)", + "mediaFontMediaQuotePerson": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_quote_person--font_size--compact, 24px)", + "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--compact, 600)", + "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_quote_person--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_quote_person--font_size--regular, 18px)", + "fontWeight": "var(--vkui--media_font_media_quote_person--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--media_font_media_quote_person--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_quote_person--line_height--regular, 24px)", + }, }, - "portalColorTextOrangeAccentThemed": { - "active": "var(--vkui--portal_color_text_orange_accent_themed--active, #6E432C)", - "hover": "var(--vkui--portal_color_text_orange_accent_themed--hover, #73452B)", - "normal": "var(--vkui--portal_color_text_orange_accent_themed, #78472A)", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_subtitle_light--font_size--regular, 20px)", + "fontWeight": "var(--vkui--media_font_media_subtitle_light--font_weight--regular, 400)", + "lineHeight": "var(--vkui--media_font_media_subtitle_light--line_height--regular, 26px)", + }, }, - "portalColorTextPurpleAccentThemed": { - "active": "var(--vkui--portal_color_text_purple_accent_themed--active, #6A4C97)", - "hover": "var(--vkui--portal_color_text_purple_accent_themed--hover, #6E4E9B)", - "normal": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_text_secondary_light--font_size--regular, 15px)", + "fontWeight": "var(--vkui--media_font_media_text_secondary_light--font_weight--regular, 400)", + "lineHeight": "var(--vkui--media_font_media_text_secondary_light--line_height--regular, 20px)", + }, }, - "portalElevation1": "var(--vkui--portal_elevation1, 0px 6px 20px 0px rgba(0, 16, 61, 0.07))", - "portalElevation2": "var(--vkui--portal_elevation2, 0px 10px 24px 0px rgba(0, 16, 61, 0.11))", - "portalElevation3": "var(--vkui--portal_elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", - "portalGradientBackground": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundAccent": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundActive": "var(--vkui--portal_gradient_background_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundCard": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundCardActive": "var(--vkui--portal_gradient_background_card_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundCardHover": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundContent": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundHover": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundModal": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundModalActive": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundModalHover": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundSecondary": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", - "portalGradientBackgroundTertiary": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "mediaFontMediaTitle1": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title1--font_size--compact, 48px)", + "fontWeight": "var(--vkui--media_font_media_title1--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title1--line_height--compact, 56px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title1--font_size--regular, 30px)", + "fontWeight": "var(--vkui--media_font_media_title1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title1--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title1--line_height--regular, 36px)", + }, + }, + "mediaFontMediaTitle1Tiny": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px)", + "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px)", + "fontWeight": "var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title1_tiny--line_height--regular, 36px)", + }, + }, + "mediaFontMediaTitle2": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title2--font_size--compact, 36px)", + "fontWeight": "var(--vkui--media_font_media_title2--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title2--line_height--compact, 44px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title2--font_size--regular, 28px)", + "fontWeight": "var(--vkui--media_font_media_title2--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title2--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title2--line_height--regular, 34px)", + }, + }, + "mediaFontMediaTitle2Tiny": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px)", + "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px)", + "fontWeight": "var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title2_tiny--line_height--regular, 32px)", + }, + }, + "mediaFontMediaTitle3": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title3--font_size--compact, 32px)", + "fontWeight": "var(--vkui--media_font_media_title3--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title3--line_height--compact, 40px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title3--font_size--regular, 26px)", + "fontWeight": "var(--vkui--media_font_media_title3--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title3--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title3--line_height--regular, 32px)", + }, + }, + "mediaFontMediaTitle4": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title4--font_size--compact, 28px)", + "fontWeight": "var(--vkui--media_font_media_title4--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title4--line_height--compact, 36px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title4--font_size--regular, 24px)", + "fontWeight": "var(--vkui--media_font_media_title4--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title4--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title4--line_height--regular, 30px)", + }, + }, + "mediaFontMediaTitle5": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title5--font_size--compact, 24px)", + "fontWeight": "var(--vkui--media_font_media_title5--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title5--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title5--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title5--font_size--regular, 22px)", + "fontWeight": "var(--vkui--media_font_media_title5--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title5--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title5--line_height--regular, 28px)", + }, + }, + "mediaFontMediaTitle6": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title6--font_size--compact, 22px)", + "fontWeight": "var(--vkui--media_font_media_title6--font_weight--compact, 500)", + "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--compact, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title6--line_height--compact, 28px)", + }, + "regular": { + "fontFamily": "var(--vkui--media_font_media_title6--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--media_font_media_title6--font_size--regular, 20px)", + "fontWeight": "var(--vkui--media_font_media_title6--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--media_font_media_title6--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--media_font_media_title6--line_height--regular, 26px)", + }, + }, + "mediaSizeGap": "var(--vkui--media_size_gap, 20px)", + "mediaSizeGrid": "var(--vkui--media_size_grid, 60px)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "prefix": "var(--vkui--prefix, vkui)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -265381,8 +274716,8 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", + "compactX": "var(--vkui--size_base_padding--compact_x, 16px)", + "regular": "var(--vkui--size_base_padding--regular, 20px)", }, "sizeBasePaddingHorizontal": { "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", @@ -265403,7 +274738,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", }, "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", @@ -265415,7 +274750,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", }, "sizeBorderWidthBar": { "regular": "var(--vkui--size_border_width_bar--regular, 4px)", @@ -265454,16 +274789,13 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 20px)", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "regular": "var(--vkui--size_button_large_height--regular, 48px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "regular": "var(--vkui--size_button_medium_height--regular, 40px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -265472,7 +274804,6 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, "sizeButtonSliderHeight": { @@ -265485,8 +274816,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "regular": "var(--vkui--size_button_small_height--regular, 36px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -265525,8 +274855,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "compact": "var(--vkui--size_control_button_width_min--compact, 130px)", + "compactX": "var(--vkui--size_control_button_width_min--compact_x, 130px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 94px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -265541,10 +274872,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "regular": "var(--vkui--size_field_height--regular, 48px)", }, "sizeFieldHorizontalMargin": { + "compact": "var(--vkui--size_field_horizontal_margin--compact, 16px)", + "compactX": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { @@ -265557,8 +274889,8 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", - "regular": "var(--vkui--size_field_width_min--regular, 328px)", + "compactX": "var(--vkui--size_field_width_min--compact_x, 288px)", + "regular": "var(--vkui--size_field_width_min--regular, 380px)", }, "sizeFormItemPaddingVertical": { "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", @@ -265568,15 +274900,15 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 8px)", - "regular": "var(--vkui--size_icon_margin--regular, 12px)", + "regular": "var(--vkui--size_icon_margin--regular, 8px)", }, "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "compact": "var(--vkui--size_icon_u_i--compact, 16px)", + "compactX": "var(--vkui--size_icon_u_i--compact_x, 16px)", + "regular": "var(--vkui--size_icon_u_i--regular, 18px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -265616,19 +274948,20 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "compactX": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "compactX": "var(--vkui--size_popup_header_padding--compact_x, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", - "regular": "var(--vkui--size_popup_margin--regular, 8px)", + "compact": "var(--vkui--size_popup_margin--compact, 8px)", + "compactX": "var(--vkui--size_popup_margin--compact_x, 8px)", + "regular": "var(--vkui--size_popup_margin--regular, 24px)", }, "sizePopupMedium": { "regular": "var(--vkui--size_popup_medium--regular, 680px)", @@ -265650,8 +274983,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "compactX": "var(--vkui--size_select_icon_padding--compact_x, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSliceBottomPadding": { "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", @@ -265681,9 +275015,13 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { + "compact": "var(--vkui--size_tab_margin--compact, 32px)", + "compactX": "var(--vkui--size_tab_margin--compact_x, 32px)", "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, "sizeTabPadding": { + "compact": "var(--vkui--size_tab_padding--compact, 0px)", + "compactX": "var(--vkui--size_tab_padding--compact_x, 0px)", "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, "sizeTableHorizontalPadding": { @@ -265720,8 +275058,8 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, portalUI)", - "themeNameBase": "var(--vkui--theme_name_base, portalUI)", + "themeName": "var(--vkui--theme_name, pharma)", + "themeNameBase": "var(--vkui--theme_name_base, pharma)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -265731,10 +275069,16 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", "typeBorderButton": "var(--vkui--type_border_button, solid)", "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", - "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "widthDesktopM": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", + "widthFromDesktopM": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", + "widthFromTablet": "var(--vkui--width_from_tablet, "(min-width: 660px)")", + "widthTablet": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", + "widthToDesktopS": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", + "widthToTablet": "var(--vkui--width_to_tablet, "(max-width: 979px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 659px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 659px)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -265754,7 +275098,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` +exports[`shapshots pharma theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -265762,9 +275106,17 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, "desktopS": { "adaptiveValue": "compact", - "breakpoint": 768, + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, }, "touch": { "adaptiveValue": "regular", @@ -265777,9 +275129,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -265822,9 +275174,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -265832,9 +275184,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -265847,9 +275199,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -265867,9 +275219,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -265877,14 +275229,14 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -265892,19 +275244,19 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -265947,29 +275299,29 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -266006,6 +275358,16 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -266052,19 +275414,19 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -266082,14 +275444,14 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -266117,9 +275479,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -266192,20 +275554,105 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorPrimaryAuto": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryBase": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryDeti": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryDobro": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "colorPrimaryHealth": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryHealthNew": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryHitech": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryKino": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryLady": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryMycom": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", + }, + "colorPrimaryPets": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#4684B2", + "hover": "#4989B7", + "normal": "#4c8ebc", }, "colorRating": { "active": "#EBC405", "hover": "#F5CC02", "normal": "#ffd400", }, + "colorSale": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, "colorSearchFieldBackground": { "active": "#D4D6DD", "hover": "#DDDEE4", "normal": "#E6E7EB", }, + "colorSecondaryBase": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorSecondaryHealth": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorSecondaryMycom": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -266246,15 +275693,50 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "#D7D9DF", "normal": "#E0E1E6", }, + "colorSocialBehance": { + "active": "#1562EF", + "hover": "#1665F7", + "normal": "#1769ff", + }, + "colorSocialDribbble": { + "active": "#D74783", + "hover": "#E14A86", + "normal": "#ea4c89", + }, + "colorSocialFb": { + "active": "#166FE4", + "hover": "#1773EB", + "normal": "#1877f2", + }, + "colorSocialMir": { + "active": "#1075CD", + "hover": "#107AD4", + "normal": "#117eda", + }, + "colorSocialOk": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#ee8208", + }, + "colorSocialTwitter": { + "active": "#1B95E4", + "hover": "#1C9BEB", + "normal": "#1da1f2", + }, + "colorSocialVk": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", + }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -266262,9 +275744,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -266277,14 +275759,14 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -266297,14 +275779,14 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -266322,9 +275804,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -266417,9 +275899,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -266444,7 +275926,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -266452,7 +275934,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", @@ -266462,7 +275944,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -266470,7 +275952,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", @@ -266480,7 +275962,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -266488,7 +275970,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", @@ -266534,12 +276016,13 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Inter, Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -266547,7 +276030,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", @@ -266569,35 +276052,55 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontSize": 32, + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 36, "fontWeight": 500, - "lineHeight": 28, + "lineHeight": 48, }, }, "fontH2": { "compact": { - "fontSize": 28, + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 34, + }, + }, + "fontH3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, }, }, + "fontH4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 22, + }, + }, "fontHeadline": { "compact": { "fontSize": 15, "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -266609,7 +276112,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -266621,7 +276124,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -266629,7 +276132,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -266641,7 +276144,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -266653,7 +276156,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -266661,7 +276164,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -266669,7 +276172,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -266677,7 +276180,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -266689,118 +276192,326 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "fontWeightMedia1": 700, + "fontWeightMedia2": 600, + "fontWeightMedia3": 500, + "fontWeightMedia4": 400, "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "portalColorBackground": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "portalColorBackgroundAccent": { - "active": "#D4DDEF", - "hover": "#DDE6F6", - "normal": "#E6EFFE", + "gridAsideContent": { + "compact": 300, + "compactX": 300, + "large": 300, + "regular": "100%", }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "gridColumnX2": { + "compact": 430, + "compactX": 280, + "large": 580, + "regular": "100%", }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "gridColumnX3": { + "compact": 280, + "compactX": 180, + "large": 380, + "regular": "100%", }, - "portalColorBackgroundCard": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "gridColumnX4": { + "compact": 205, + "compactX": 130, + "large": 280, + "regular": "100%", }, - "portalColorBackgroundDark": { - "active": "#3E3E3F", - "hover": "#2B2B2C", - "normal": "#19191A", + "gridColumnX6": { + "compact": 130, + "compactX": 80, + "large": 180, + "regular": "100%", }, - "portalColorBackgroundInvariable": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "gridMainContent": { + "compact": 620, + "compactX": 620, + "large": 780, + "regular": "100%", }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "gridMainContentWide": { + "compact": 620, + "compactX": 620, + "large": 860, + "regular": "100%", }, - "portalColorPaletteLightBlue": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5A9EFF", + "gridWrapperContent": { + "compact": 940, + "compactX": 620, + "large": 1260, + "regular": "100%", }, - "portalColorPaletteSweetBlue": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "mediaFontMediaCaption": { + "compact": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 26, + }, + "regular": { + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 22, + }, }, - "portalColorPaletteSweetGreen": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": 15, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 20, + }, + "regular": { + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 16, + }, }, - "portalColorPaletteSweetOrange": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "mediaFontMediaLead": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 26, + }, }, - "portalColorPaletteSweetPurple": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "mediaFontMediaParagraph": { + "compact": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": 28, + }, }, - "portalColorTextBlueAccentThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "mediaFontMediaParagraphNumbering": { + "compact": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": 18, + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": 28, + }, }, - "portalColorTextGreenAccentThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 24, + }, }, - "portalColorTextLinkVisitedAlternative": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", + "mediaFontMediaQuote": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 26, + }, }, - "portalColorTextOrangeAccentThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "mediaFontMediaQuotePerson": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": 24, + }, }, - "portalColorTextPurpleAccentThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 400, + "lineHeight": 26, + }, }, - "portalElevation1": "0px 6px 20px 0px rgba(0, 16, 61, 0.07)", - "portalElevation2": "0px 10px 24px 0px rgba(0, 16, 61, 0.11)", - "portalElevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "portalGradientBackground": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundCardActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", - "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "mediaFontMediaTitle1": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 48, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 56, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 30, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + }, + "mediaFontMediaTitle1Tiny": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 40, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 48, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 30, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + }, + "mediaFontMediaTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 36, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 44, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 34, + }, + }, + "mediaFontMediaTitle2Tiny": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 40, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 26, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, + }, + "mediaFontMediaTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 40, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 26, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, + }, + "mediaFontMediaTitle4": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 30, + }, + }, + "mediaFontMediaTitle5": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 28, + }, + }, + "mediaFontMediaTitle6": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 28, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 26, + }, + }, + "mediaSizeGap": 20, + "mediaSizeGrid": 60, + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "prefix": "vkui", "sizeArrow": { "regular": 8, }, @@ -266854,8 +276565,8 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, - "regular": 16, + "compactX": 16, + "regular": 20, }, "sizeBasePaddingHorizontal": { "regular": 16, @@ -266876,7 +276587,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -266888,7 +276599,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": 4, }, "sizeBorderWidthBar": { "regular": 4, @@ -266927,16 +276638,13 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "regular": 20, }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "regular": 48, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "regular": 40, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -266945,7 +276653,6 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -266958,8 +276665,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 36, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -266998,8 +276704,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": 130, + "compactX": 130, + "regular": 94, }, "sizeDivPadding": { "regular": 4, @@ -267014,10 +276721,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "regular": 48, }, "sizeFieldHorizontalMargin": { + "compact": 16, + "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -267030,8 +276738,8 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "compactX": 288, + "regular": 380, }, "sizeFormItemPaddingVertical": { "regular": 12, @@ -267041,15 +276749,15 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { - "compact": 8, - "regular": 12, + "regular": 8, }, "sizeIconMorePadding": { - "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 16, + "compact": 16, + "compactX": 16, + "regular": 18, }, "sizeIllustrationL": { "regular": 144, @@ -267089,19 +276797,20 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 56, }, "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "compactX": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "compactX": 16, + "regular": 24, }, "sizePopupLarge": { "regular": 880, }, "sizePopupMargin": { - "compact": 24, - "regular": 8, + "compact": 8, + "compactX": 8, + "regular": 24, }, "sizePopupMedium": { "regular": 680, @@ -267123,8 +276832,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "compact": 7, + "compactX": 7, + "regular": 6, }, "sizeSliceBottomPadding": { "regular": 60, @@ -267154,9 +276864,13 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 34, }, "sizeTabMargin": { + "compact": 32, + "compactX": 32, "regular": 8, }, "sizeTabPadding": { + "compact": 0, + "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -267193,8 +276907,8 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "portalUI", - "themeNameBase": "portalUI", + "themeName": "pharma", + "themeNameBase": "pharma", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -267204,10 +276918,16 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", + "widthDesktopM": "(min-width: 1300px)", + "widthDesktopS": "(min-width: 980px) and (max-width: 1299px)", + "widthFromDesktopM": "(min-width: 1300px)", + "widthFromDesktopS": "(min-width: 980px)", + "widthFromTablet": "(min-width: 660px)", + "widthTablet": "(min-width: 660px) and (max-width: 979px)", + "widthToDesktopS": "(max-width: 1299px)", + "widthToTablet": "(max-width: 979px)", + "widthToTouch": "(max-width: 659px)", + "widthTouch": "(max-width: 659px)", "x0": 0, "x025": 1, "x05": 2, @@ -267227,7 +276947,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -267262,11 +276982,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_azure", @@ -267276,25 +276996,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -267304,25 +277024,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #9C9DA2)", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #20C774)", + "value": "var(--vkui--color_accent_green--active, #0CB465)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #17C46E)", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_accent_green", @@ -267332,11 +277052,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #BEFC80)", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -267346,11 +277066,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA614)", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -267360,11 +277080,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangeFire": { "active": { "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", }, "hover": { "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", }, "normal": { "name": "--vkui--color_accent_orange_fire", @@ -267374,25 +277094,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, }, "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #FF498F)", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #FF418A)", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -267402,53 +277122,53 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, }, "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -267458,11 +277178,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #C66AF4)", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", }, "normal": { "name": "--vkui--color_accent_violet", @@ -267472,29 +277192,29 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", }, "hover": { "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -267514,39 +277234,39 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #2B2B2C)", + "value": "var(--vkui--color_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", + "value": "var(--vkui--color_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", + "value": "var(--vkui--color_background, #FFFFFF)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", }, "normal": { "name": "--vkui--color_background_accent_alternative", @@ -267556,39 +277276,39 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { "name": "--vkui--color_background_accent_tint", @@ -267598,67 +277318,67 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #353536)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast", @@ -267668,11 +277388,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -267696,137 +277416,137 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #303030)", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2B3240)", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #222937)", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #19202f)", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #414141)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #383838)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #303030)", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #303030)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #20C774)", + "value": "var(--vkui--color_background_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_background_positive", @@ -267836,333 +277556,361 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #182A22)", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, }, "colorBackgroundPositiveTintAlpha": { "active": { "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", }, "hover": { "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", }, "normal": { "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", }, }, "colorBackgroundPositiveTintThemed": { "active": { "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", }, "hover": { "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", }, "normal": { "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, }, "colorBackgroundPositiveTintThemedAlpha": { "active": { "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", }, "hover": { "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", }, "normal": { "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #363636)", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #6C4E00)", + "value": "var(--vkui--color_background_warning, #FFF1AD)", }, }, "colorBackgroundWarningTint": { "active": { "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #41372A)", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", }, "hover": { "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", }, "normal": { "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #302617)", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", }, }, "colorBackgroundWarningTintAlpha": { "active": { "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", }, "hover": { "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", }, "normal": { "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", }, }, "colorBackgroundWarningTintThemed": { "active": { "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", }, "hover": { "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", }, "normal": { "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, }, "colorBackgroundWarningTintThemedAlpha": { "active": { "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", }, "hover": { "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", }, "normal": { "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, }, "colorButtonContrast": { "active": { "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #29292A)", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #252526)", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", }, }, "colorButtonContrastAlpha": { "active": { "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", }, "hover": { "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", }, "normal": { "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #ffffff)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #353536)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #232324)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast", @@ -268172,11 +277920,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorIconContrastSecondary": { "active": { "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", @@ -268186,67 +277934,67 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #858992)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B0B1B6)", + "value": "var(--vkui--color_icon_medium, #919399)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #20C774)", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -268256,25 +278004,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", }, }, "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", @@ -268284,67 +278032,67 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #FFA614)", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--color_icon_warning--hover, #F59802)", }, "normal": { "name": "--vkui--color_icon_warning", @@ -268354,53 +278102,53 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, }, "colorLinkContrast": { "active": { "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_link_contrast", @@ -268410,53 +278158,53 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorRating": { "active": { "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #FFD714)", + "value": "var(--vkui--color_rating--active, #EBC405)", }, "hover": { "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #FFD60A)", + "value": "var(--vkui--color_rating--hover, #F5CC02)", }, "normal": { "name": "--vkui--color_rating", @@ -268466,165 +278214,165 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #494A4B)", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #414243)", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #282829)", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #151516)", + "value": "var(--vkui--color_separator_primary, #DADCE0)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #323234)", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #202022)", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #3E3F40)", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_stroke_contrast", @@ -268634,25 +278382,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #20C774)", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -268662,53 +278410,53 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast", @@ -268718,53 +278466,53 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_text_link_tint", @@ -268774,11 +278522,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #6098E2)", + "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -268788,39 +278536,39 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E9EAEC)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #E7E8EA)", + "value": "var(--vkui--color_text_muted, #2C2D2E)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #FF6969)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #20C774)", + "value": "var(--vkui--color_text_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_text_positive", @@ -268830,25 +278578,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E9EAEC)", + "value": "var(--vkui--color_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", + "value": "var(--vkui--color_text_primary, #2C2D2E)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -268858,43 +278606,43 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #95979D)", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", + "value": "var(--vkui--color_text_secondary, #87898F)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", + "value": "var(--vkui--color_text_subhead, #797A80)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #74767A)", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", }, }, "colorThumbErrorBackgroundAlpha": { @@ -268914,137 +278662,137 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTooltipBackgroundBlueTint": { "active": { "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", }, "hover": { "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", }, "normal": { "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", }, }, "colorTooltipBackgroundGreenTint": { "active": { "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", }, "hover": { "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", }, "normal": { "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", }, }, "colorTooltipBackgroundOrangeTint": { "active": { "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", }, "hover": { "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", }, "normal": { "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", }, }, "colorTooltipBackgroundPurpleTint": { "active": { "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", }, "hover": { "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", }, "normal": { "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, }, "colorTooltipTextBlueThemed": { "active": { "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", }, "hover": { "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", }, "normal": { "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, }, "colorTooltipTextGreenThemed": { "active": { "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", }, "hover": { "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", }, "normal": { "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", }, }, "colorTooltipTextOrangeThemed": { "active": { "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", }, "hover": { "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", }, "normal": { "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, }, "colorTooltipTextPurpleThemed": { "active": { "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", }, "hover": { "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", }, "normal": { "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #525354)", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", + "value": "var(--vkui--color_track_background, #DADCE0)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", }, "normal": { "name": "--vkui--color_track_buffer", @@ -269054,11 +278802,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorTransparent": { "active": { "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--color_transparent", @@ -269068,82 +278816,82 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, }, "colorWriteBarInputBorderAlpha": { "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))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", }, "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))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, }, "colorsScheme": { "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", + "value": "var(--vkui--colors_scheme, light)", }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", }, "fontCaption1": { "auto": { @@ -270257,7 +280005,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -270265,7 +280013,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -270282,95 +280030,95 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "portalColorBackground": { "active": { "name": "--vkui--portal_color_background--active", - "value": "var(--vkui--portal_color_background--active, #2B2B2C)", + "value": "var(--vkui--portal_color_background--active, #E5E6EB)", }, "hover": { "name": "--vkui--portal_color_background--hover", - "value": "var(--vkui--portal_color_background--hover, #222223)", + "value": "var(--vkui--portal_color_background--hover, #EFF0F2)", }, "normal": { "name": "--vkui--portal_color_background", - "value": "var(--vkui--portal_color_background, #19191A)", + "value": "var(--vkui--portal_color_background, #F9F9FA)", }, }, "portalColorBackgroundAccent": { "active": { "name": "--vkui--portal_color_background_accent--active", - "value": "var(--vkui--portal_color_background_accent--active, #273856)", + "value": "var(--vkui--portal_color_background_accent--active, #D4DDEF)", }, "hover": { "name": "--vkui--portal_color_background_accent--hover", - "value": "var(--vkui--portal_color_background_accent--hover, #1D304E)", + "value": "var(--vkui--portal_color_background_accent--hover, #DDE6F6)", }, "normal": { "name": "--vkui--portal_color_background_accent", - "value": "var(--vkui--portal_color_background_accent, #142747)", + "value": "var(--vkui--portal_color_background_accent, #E6EFFE)", }, }, "portalColorBackgroundAccentAlpha": { "active": { "name": "--vkui--portal_color_background_accent_alpha--active", - "value": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.18))", }, "hover": { "name": "--vkui--portal_color_background_accent_alpha--hover", - "value": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.14))", }, "normal": { "name": "--vkui--portal_color_background_accent_alpha", - "value": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.1))", }, }, "portalColorBackgroundAccentTabAlpha": { "active": { "name": "--vkui--portal_color_background_accent_tab_alpha--active", - "value": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(0, 95, 249, 0.18))", }, "hover": { "name": "--vkui--portal_color_background_accent_tab_alpha--hover", - "value": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(0, 95, 249, 0.14))", }, "normal": { "name": "--vkui--portal_color_background_accent_tab_alpha", - "value": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(0, 95, 249, 0.1))", }, }, "portalColorBackgroundCard": { "active": { "name": "--vkui--portal_color_background_card--active", - "value": "var(--vkui--portal_color_background_card--active, #3B3B3C)", + "value": "var(--vkui--portal_color_background_card--active, #EBECEF)", }, "hover": { "name": "--vkui--portal_color_background_card--hover", - "value": "var(--vkui--portal_color_background_card--hover, #333333)", + "value": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", }, "normal": { "name": "--vkui--portal_color_background_card", - "value": "var(--vkui--portal_color_background_card, #2A2A2B)", + "value": "var(--vkui--portal_color_background_card, #FFFFFF)", }, }, "portalColorBackgroundDark": { "active": { "name": "--vkui--portal_color_background_dark--active", - "value": "var(--vkui--portal_color_background_dark--active, #4C4C4D)", + "value": "var(--vkui--portal_color_background_dark--active, #3E3E3F)", }, "hover": { "name": "--vkui--portal_color_background_dark--hover", - "value": "var(--vkui--portal_color_background_dark--hover, #3B3B3C)", + "value": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", }, "normal": { "name": "--vkui--portal_color_background_dark", - "value": "var(--vkui--portal_color_background_dark, #2A2A2B)", + "value": "var(--vkui--portal_color_background_dark, #19191A)", }, }, "portalColorBackgroundInvariable": { "active": { "name": "--vkui--portal_color_background_invariable--active", - "value": "var(--vkui--portal_color_background_invariable--active, #F1F2F4)", + "value": "var(--vkui--portal_color_background_invariable--active, #DDDFE4)", }, "hover": { "name": "--vkui--portal_color_background_invariable--hover", - "value": "var(--vkui--portal_color_background_invariable--hover, #F1F2F3)", + "value": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", }, "normal": { "name": "--vkui--portal_color_background_invariable", @@ -270380,155 +280128,155 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "portalColorOverlayPrimaryAlpha": { "active": { "name": "--vkui--portal_color_overlay_primary_alpha--active", - "value": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.23))", }, "hover": { "name": "--vkui--portal_color_overlay_primary_alpha--hover", - "value": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.19))", }, "normal": { "name": "--vkui--portal_color_overlay_primary_alpha", - "value": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.15))", }, }, "portalColorPaletteLightBlue": { "active": { "name": "--vkui--portal_color_palette_light_blue--active", - "value": "var(--vkui--portal_color_palette_light_blue--active, #2E5384)", + "value": "var(--vkui--portal_color_palette_light_blue--active, #5393EF)", }, "hover": { "name": "--vkui--portal_color_palette_light_blue--hover", - "value": "var(--vkui--portal_color_palette_light_blue--hover, #254B7E)", + "value": "var(--vkui--portal_color_palette_light_blue--hover, #5698F7)", }, "normal": { "name": "--vkui--portal_color_palette_light_blue", - "value": "var(--vkui--portal_color_palette_light_blue, #1C4479)", + "value": "var(--vkui--portal_color_palette_light_blue, #5A9EFF)", }, }, "portalColorPaletteSweetBlue": { "active": { "name": "--vkui--portal_color_palette_sweet_blue--active", - "value": "var(--vkui--portal_color_palette_sweet_blue--active, #2E5384)", + "value": "var(--vkui--portal_color_palette_sweet_blue--active, #CBD8EF)", }, "hover": { "name": "--vkui--portal_color_palette_sweet_blue--hover", - "value": "var(--vkui--portal_color_palette_sweet_blue--hover, #254B7E)", + "value": "var(--vkui--portal_color_palette_sweet_blue--hover, #D4E0F7)", }, "normal": { "name": "--vkui--portal_color_palette_sweet_blue", - "value": "var(--vkui--portal_color_palette_sweet_blue, #1C4479)", + "value": "var(--vkui--portal_color_palette_sweet_blue, #DDE9FF)", }, }, "portalColorPaletteSweetGreen": { "active": { "name": "--vkui--portal_color_palette_sweet_green--active", - "value": "var(--vkui--portal_color_palette_sweet_green--active, #1C8679)", + "value": "var(--vkui--portal_color_palette_sweet_green--active, #BEDCD8)", }, "hover": { "name": "--vkui--portal_color_palette_sweet_green--hover", - "value": "var(--vkui--portal_color_palette_sweet_green--hover, #128173)", + "value": "var(--vkui--portal_color_palette_sweet_green--hover, #C6E5DF)", }, "normal": { "name": "--vkui--portal_color_palette_sweet_green", - "value": "var(--vkui--portal_color_palette_sweet_green, #087C6D)", + "value": "var(--vkui--portal_color_palette_sweet_green, #CEEEE6)", }, }, "portalColorPaletteSweetOrange": { "active": { "name": "--vkui--portal_color_palette_sweet_orange--active", - "value": "var(--vkui--portal_color_palette_sweet_orange--active, #83563B)", + "value": "var(--vkui--portal_color_palette_sweet_orange--active, #E5C3B3)", }, "hover": { "name": "--vkui--portal_color_palette_sweet_orange--hover", - "value": "var(--vkui--portal_color_palette_sweet_orange--hover, #7D4E33)", + "value": "var(--vkui--portal_color_palette_sweet_orange--hover, #EFCBB8)", }, "normal": { "name": "--vkui--portal_color_palette_sweet_orange", - "value": "var(--vkui--portal_color_palette_sweet_orange, #78472A)", + "value": "var(--vkui--portal_color_palette_sweet_orange, #F9D3BD)", }, }, "portalColorPaletteSweetPurple": { "active": { "name": "--vkui--portal_color_palette_sweet_purple--active", - "value": "var(--vkui--portal_color_palette_sweet_purple--active, #7E5FA7)", + "value": "var(--vkui--portal_color_palette_sweet_purple--active, #DFD7EF)", }, "hover": { "name": "--vkui--portal_color_palette_sweet_purple--hover", - "value": "var(--vkui--portal_color_palette_sweet_purple--hover, #7958A3)", + "value": "var(--vkui--portal_color_palette_sweet_purple--hover, #E8DFF7)", }, "normal": { "name": "--vkui--portal_color_palette_sweet_purple", - "value": "var(--vkui--portal_color_palette_sweet_purple, #73519F)", + "value": "var(--vkui--portal_color_palette_sweet_purple, #F2E8FF)", }, }, "portalColorTextBlueAccentThemed": { "active": { "name": "--vkui--portal_color_text_blue_accent_themed--active", - "value": "var(--vkui--portal_color_text_blue_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--portal_color_text_blue_accent_themed--active, #1A4074)", }, "hover": { "name": "--vkui--portal_color_text_blue_accent_themed--hover", - "value": "var(--vkui--portal_color_text_blue_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--portal_color_text_blue_accent_themed--hover, #1B4277)", }, "normal": { "name": "--vkui--portal_color_text_blue_accent_themed", - "value": "var(--vkui--portal_color_text_blue_accent_themed, #FFFFFF)", + "value": "var(--vkui--portal_color_text_blue_accent_themed, #1C4479)", }, }, "portalColorTextGreenAccentThemed": { "active": { "name": "--vkui--portal_color_text_green_accent_themed--active", - "value": "var(--vkui--portal_color_text_green_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--portal_color_text_green_accent_themed--active, #077369)", }, "hover": { "name": "--vkui--portal_color_text_green_accent_themed--hover", - "value": "var(--vkui--portal_color_text_green_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--portal_color_text_green_accent_themed--hover, #08786B)", }, "normal": { "name": "--vkui--portal_color_text_green_accent_themed", - "value": "var(--vkui--portal_color_text_green_accent_themed, #FFFFFF)", + "value": "var(--vkui--portal_color_text_green_accent_themed, #087C6D)", }, }, "portalColorTextLinkVisitedAlternative": { "active": { "name": "--vkui--portal_color_text_link_visited_alternative--active", - "value": "var(--vkui--portal_color_text_link_visited_alternative--active, #B174B1)", + "value": "var(--vkui--portal_color_text_link_visited_alternative--active, #4D0452)", }, "hover": { "name": "--vkui--portal_color_text_link_visited_alternative--hover", - "value": "var(--vkui--portal_color_text_link_visited_alternative--hover, #AD6EAD)", + "value": "var(--vkui--portal_color_text_link_visited_alternative--hover, #510453)", }, "normal": { "name": "--vkui--portal_color_text_link_visited_alternative", - "value": "var(--vkui--portal_color_text_link_visited_alternative, #AA68AA)", + "value": "var(--vkui--portal_color_text_link_visited_alternative, #540354)", }, }, "portalColorTextOrangeAccentThemed": { "active": { "name": "--vkui--portal_color_text_orange_accent_themed--active", - "value": "var(--vkui--portal_color_text_orange_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--portal_color_text_orange_accent_themed--active, #6E432C)", }, "hover": { "name": "--vkui--portal_color_text_orange_accent_themed--hover", - "value": "var(--vkui--portal_color_text_orange_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--portal_color_text_orange_accent_themed--hover, #73452B)", }, "normal": { "name": "--vkui--portal_color_text_orange_accent_themed", - "value": "var(--vkui--portal_color_text_orange_accent_themed, #FFFFFF)", + "value": "var(--vkui--portal_color_text_orange_accent_themed, #78472A)", }, }, "portalColorTextPurpleAccentThemed": { "active": { "name": "--vkui--portal_color_text_purple_accent_themed--active", - "value": "var(--vkui--portal_color_text_purple_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--portal_color_text_purple_accent_themed--active, #6A4C97)", }, "hover": { "name": "--vkui--portal_color_text_purple_accent_themed--hover", - "value": "var(--vkui--portal_color_text_purple_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--portal_color_text_purple_accent_themed--hover, #6E4E9B)", }, "normal": { "name": "--vkui--portal_color_text_purple_accent_themed", - "value": "var(--vkui--portal_color_text_purple_accent_themed, #FFFFFF)", + "value": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", }, }, "portalElevation1": { @@ -270545,55 +280293,55 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "portalGradientBackground": { "name": "--vkui--portal_gradient_background", - "value": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundAccent": { "name": "--vkui--portal_gradient_background_accent", - "value": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundActive": { "name": "--vkui--portal_gradient_background_active", - "value": "var(--vkui--portal_gradient_background_active, background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundCard": { "name": "--vkui--portal_gradient_background_card", - "value": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundCardActive": { "name": "--vkui--portal_gradient_background_card_active", - "value": "var(--vkui--portal_gradient_background_card_active, background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_card_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundCardHover": { "name": "--vkui--portal_gradient_background_card_hover", - "value": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundContent": { "name": "--vkui--portal_gradient_background_content", - "value": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundHover": { "name": "--vkui--portal_gradient_background_hover", - "value": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundModal": { "name": "--vkui--portal_gradient_background_modal", - "value": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundModalActive": { "name": "--vkui--portal_gradient_background_modal_active", - "value": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundModalHover": { "name": "--vkui--portal_gradient_background_modal_hover", - "value": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundSecondary": { "name": "--vkui--portal_gradient_background_secondary", - "value": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "portalGradientBackgroundTertiary": { "name": "--vkui--portal_gradient_background_tertiary", - "value": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "value": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", }, "sizeArrow": { "auto": { @@ -271925,7 +281673,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, portalUIDark)", + "value": "var(--vkui--theme_name, portalUI)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, portalUI)", }, "themeType": "cssVars", "toneValueActive": { @@ -272043,7 +281795,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -272061,89 +281813,89 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", + "active": "#06D4EA", + "hover": "#07DCF1", "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", + "active": "#A9E971", + "hover": "#B1F373", "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", + "active": "#DD5643", + "hover": "#E65944", "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", + "active": "#EB367F", + "hover": "#F53782", "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -272151,63 +281903,63 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -272216,434 +281968,444 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundPositiveTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorBackgroundWarningTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.8)", - "hover": "rgba(0, 0, 0, 0.76)", - "normal": "rgba(0, 0, 0, 0.72)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", + "active": "#EBC405", + "hover": "#F5CC02", "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", + "active": "#4B85D2", + "hover": "#4F8AD9", "normal": "#528FDF", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", }, "colorThumbErrorBackgroundAlpha": { "active": "rgba(237, 10, 52, 0.2)", @@ -272651,86 +282413,86 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, "colorTooltipBackgroundGreenTint": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, "colorTooltipBackgroundOrangeTint": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, "colorTooltipBackgroundPurpleTint": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, "colorTooltipTextBlueThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, "colorTooltipTextGreenThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, "colorTooltipTextOrangeThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, "colorTooltipTextPurpleThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", + "active": "#799EDC", + "hover": "#7EA4E3", "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "colorsScheme": "dark", - "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", - "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", - "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", @@ -272978,118 +282740,118 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, - "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "portalColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "portalColorBackgroundAccent": { - "active": "#273856", - "hover": "#1D304E", - "normal": "#142747", + "active": "#D4DDEF", + "hover": "#DDE6F6", + "normal": "#E6EFFE", }, "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", }, "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", }, "portalColorBackgroundCard": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "portalColorBackgroundDark": { - "active": "#4C4C4D", - "hover": "#3B3B3C", - "normal": "#2A2A2B", + "active": "#3E3E3F", + "hover": "#2B2B2C", + "normal": "#19191A", }, "portalColorBackgroundInvariable": { - "active": "#F1F2F4", - "hover": "#F1F2F3", + "active": "#DDDFE4", + "hover": "#E6E8EC", "normal": "#F0F1F3", }, "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "portalColorPaletteLightBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5A9EFF", }, "portalColorPaletteSweetBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, "portalColorPaletteSweetGreen": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, "portalColorPaletteSweetOrange": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, "portalColorPaletteSweetPurple": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, "portalColorTextBlueAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, "portalColorTextGreenAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, "portalColorTextLinkVisitedAlternative": { - "active": "#B174B1", - "hover": "#AD6EAD", - "normal": "#AA68AA", + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", }, "portalColorTextOrangeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, "portalColorTextPurpleAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "portalElevation1": "0px 6px 20px 0px rgba(0, 16, 61, 0.07)", "portalElevation2": "0px 10px 24px 0px rgba(0, 16, 61, 0.11)", "portalElevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "portalGradientBackground": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundActive": "background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundCardActive": "background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackground": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundCardActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", "sizeArrow": { "regular": "8px", }, @@ -273482,7 +283244,8 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "portalUIDark", + "themeName": "portalUI", + "themeNameBase": "portalUI", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -273515,7 +283278,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -273533,89 +283296,89 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] }, }, "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", - "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "active": "var(--vkui--color_accent_lime--active, #A9E971)", + "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", - "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #FF498F)", - "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", + "active": "var(--vkui--color_accent_pink--active, #EB367F)", + "hover": "var(--vkui--color_accent_pink--hover, #F53782)", "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -273623,63 +283386,63 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #2B2B2C)", - "hover": "var(--vkui--color_background--hover, #222223)", - "normal": "var(--vkui--color_background, #19191A)", + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { @@ -273688,434 +283451,444 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #414141)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", - "normal": "var(--vkui--color_background_contrast_themed, #303030)", + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #2B3240)", - "hover": "var(--vkui--color_background_info_tint--hover, #222937)", - "normal": "var(--vkui--color_background_info_tint, #19202f)", + "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", - "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", - "normal": "var(--vkui--color_background_positive_tint, #182A22)", + "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #785C14)", - "hover": "var(--vkui--color_background_warning--hover, #72550A)", - "normal": "var(--vkui--color_background_warning, #6C4E00)", + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", }, "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #41372A)", - "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", - "normal": "var(--vkui--color_background_warning_tint, #302617)", + "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint, #fffce0)", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", }, "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", - "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", - "hover": "var(--vkui--color_button_contrast--hover, #29292A)", - "normal": "var(--vkui--color_button_contrast, #252526)", + "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "normal": "var(--vkui--color_button_contrast, #FFFFFF)", }, "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #ffffff)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #FFA614)", - "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "active": "var(--vkui--color_icon_warning--active, #EB9305)", + "hover": "var(--vkui--color_icon_warning--hover, #F59802)", "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { - "active": "var(--vkui--color_rating--active, #FFD714)", - "hover": "var(--vkui--color_rating--hover, #FFD60A)", + "active": "var(--vkui--color_rating--active, #EBC405)", + "hover": "var(--vkui--color_rating--hover, #F5CC02)", "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #494A4B)", - "hover": "var(--vkui--color_search_field_background--hover, #414243)", - "normal": "var(--vkui--color_search_field_background, #393A3B)", + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #282829)", - "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - "normal": "var(--vkui--color_separator_primary, #151516)", + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #323234)", - "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", - "normal": "var(--vkui--color_separator_primary2x, #202022)", + "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", - "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", - "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", - "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #6098E2)", - "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", - "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #7F8185)", - "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - "normal": "var(--vkui--color_text_tertiary, #74767A)", + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", }, "colorThumbErrorBackgroundAlpha": { "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", @@ -274123,86 +283896,86 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", }, "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", }, "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", }, "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", }, "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", - "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, - "colorsScheme": "var(--vkui--colors_scheme, dark)", - "elevation1": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", - "elevation2": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", - "elevation3": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", - "elevation4": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", @@ -274450,118 +284223,118 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "opacityDisable": "var(--vkui--opacity_disable, 0.48)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "portalColorBackground": { - "active": "var(--vkui--portal_color_background--active, #2B2B2C)", - "hover": "var(--vkui--portal_color_background--hover, #222223)", - "normal": "var(--vkui--portal_color_background, #19191A)", + "active": "var(--vkui--portal_color_background--active, #E5E6EB)", + "hover": "var(--vkui--portal_color_background--hover, #EFF0F2)", + "normal": "var(--vkui--portal_color_background, #F9F9FA)", }, "portalColorBackgroundAccent": { - "active": "var(--vkui--portal_color_background_accent--active, #273856)", - "hover": "var(--vkui--portal_color_background_accent--hover, #1D304E)", - "normal": "var(--vkui--portal_color_background_accent, #142747)", + "active": "var(--vkui--portal_color_background_accent--active, #D4DDEF)", + "hover": "var(--vkui--portal_color_background_accent--hover, #DDE6F6)", + "normal": "var(--vkui--portal_color_background_accent, #E6EFFE)", }, "portalColorBackgroundAccentAlpha": { - "active": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.1))", }, "portalColorBackgroundAccentTabAlpha": { - "active": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(0, 95, 249, 0.1))", }, "portalColorBackgroundCard": { - "active": "var(--vkui--portal_color_background_card--active, #3B3B3C)", - "hover": "var(--vkui--portal_color_background_card--hover, #333333)", - "normal": "var(--vkui--portal_color_background_card, #2A2A2B)", + "active": "var(--vkui--portal_color_background_card--active, #EBECEF)", + "hover": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", + "normal": "var(--vkui--portal_color_background_card, #FFFFFF)", }, "portalColorBackgroundDark": { - "active": "var(--vkui--portal_color_background_dark--active, #4C4C4D)", - "hover": "var(--vkui--portal_color_background_dark--hover, #3B3B3C)", - "normal": "var(--vkui--portal_color_background_dark, #2A2A2B)", + "active": "var(--vkui--portal_color_background_dark--active, #3E3E3F)", + "hover": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", + "normal": "var(--vkui--portal_color_background_dark, #19191A)", }, "portalColorBackgroundInvariable": { - "active": "var(--vkui--portal_color_background_invariable--active, #F1F2F4)", - "hover": "var(--vkui--portal_color_background_invariable--hover, #F1F2F3)", + "active": "var(--vkui--portal_color_background_invariable--active, #DDDFE4)", + "hover": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", "normal": "var(--vkui--portal_color_background_invariable, #F0F1F3)", }, "portalColorOverlayPrimaryAlpha": { - "active": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.23))", + "hover": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.19))", + "normal": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.15))", }, "portalColorPaletteLightBlue": { - "active": "var(--vkui--portal_color_palette_light_blue--active, #2E5384)", - "hover": "var(--vkui--portal_color_palette_light_blue--hover, #254B7E)", - "normal": "var(--vkui--portal_color_palette_light_blue, #1C4479)", + "active": "var(--vkui--portal_color_palette_light_blue--active, #5393EF)", + "hover": "var(--vkui--portal_color_palette_light_blue--hover, #5698F7)", + "normal": "var(--vkui--portal_color_palette_light_blue, #5A9EFF)", }, "portalColorPaletteSweetBlue": { - "active": "var(--vkui--portal_color_palette_sweet_blue--active, #2E5384)", - "hover": "var(--vkui--portal_color_palette_sweet_blue--hover, #254B7E)", - "normal": "var(--vkui--portal_color_palette_sweet_blue, #1C4479)", + "active": "var(--vkui--portal_color_palette_sweet_blue--active, #CBD8EF)", + "hover": "var(--vkui--portal_color_palette_sweet_blue--hover, #D4E0F7)", + "normal": "var(--vkui--portal_color_palette_sweet_blue, #DDE9FF)", }, "portalColorPaletteSweetGreen": { - "active": "var(--vkui--portal_color_palette_sweet_green--active, #1C8679)", - "hover": "var(--vkui--portal_color_palette_sweet_green--hover, #128173)", - "normal": "var(--vkui--portal_color_palette_sweet_green, #087C6D)", + "active": "var(--vkui--portal_color_palette_sweet_green--active, #BEDCD8)", + "hover": "var(--vkui--portal_color_palette_sweet_green--hover, #C6E5DF)", + "normal": "var(--vkui--portal_color_palette_sweet_green, #CEEEE6)", }, "portalColorPaletteSweetOrange": { - "active": "var(--vkui--portal_color_palette_sweet_orange--active, #83563B)", - "hover": "var(--vkui--portal_color_palette_sweet_orange--hover, #7D4E33)", - "normal": "var(--vkui--portal_color_palette_sweet_orange, #78472A)", + "active": "var(--vkui--portal_color_palette_sweet_orange--active, #E5C3B3)", + "hover": "var(--vkui--portal_color_palette_sweet_orange--hover, #EFCBB8)", + "normal": "var(--vkui--portal_color_palette_sweet_orange, #F9D3BD)", }, "portalColorPaletteSweetPurple": { - "active": "var(--vkui--portal_color_palette_sweet_purple--active, #7E5FA7)", - "hover": "var(--vkui--portal_color_palette_sweet_purple--hover, #7958A3)", - "normal": "var(--vkui--portal_color_palette_sweet_purple, #73519F)", + "active": "var(--vkui--portal_color_palette_sweet_purple--active, #DFD7EF)", + "hover": "var(--vkui--portal_color_palette_sweet_purple--hover, #E8DFF7)", + "normal": "var(--vkui--portal_color_palette_sweet_purple, #F2E8FF)", }, "portalColorTextBlueAccentThemed": { - "active": "var(--vkui--portal_color_text_blue_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_blue_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_blue_accent_themed, #FFFFFF)", + "active": "var(--vkui--portal_color_text_blue_accent_themed--active, #1A4074)", + "hover": "var(--vkui--portal_color_text_blue_accent_themed--hover, #1B4277)", + "normal": "var(--vkui--portal_color_text_blue_accent_themed, #1C4479)", }, "portalColorTextGreenAccentThemed": { - "active": "var(--vkui--portal_color_text_green_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_green_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_green_accent_themed, #FFFFFF)", + "active": "var(--vkui--portal_color_text_green_accent_themed--active, #077369)", + "hover": "var(--vkui--portal_color_text_green_accent_themed--hover, #08786B)", + "normal": "var(--vkui--portal_color_text_green_accent_themed, #087C6D)", }, "portalColorTextLinkVisitedAlternative": { - "active": "var(--vkui--portal_color_text_link_visited_alternative--active, #B174B1)", - "hover": "var(--vkui--portal_color_text_link_visited_alternative--hover, #AD6EAD)", - "normal": "var(--vkui--portal_color_text_link_visited_alternative, #AA68AA)", + "active": "var(--vkui--portal_color_text_link_visited_alternative--active, #4D0452)", + "hover": "var(--vkui--portal_color_text_link_visited_alternative--hover, #510453)", + "normal": "var(--vkui--portal_color_text_link_visited_alternative, #540354)", }, "portalColorTextOrangeAccentThemed": { - "active": "var(--vkui--portal_color_text_orange_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_orange_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_orange_accent_themed, #FFFFFF)", + "active": "var(--vkui--portal_color_text_orange_accent_themed--active, #6E432C)", + "hover": "var(--vkui--portal_color_text_orange_accent_themed--hover, #73452B)", + "normal": "var(--vkui--portal_color_text_orange_accent_themed, #78472A)", }, "portalColorTextPurpleAccentThemed": { - "active": "var(--vkui--portal_color_text_purple_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_purple_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_purple_accent_themed, #FFFFFF)", + "active": "var(--vkui--portal_color_text_purple_accent_themed--active, #6A4C97)", + "hover": "var(--vkui--portal_color_text_purple_accent_themed--hover, #6E4E9B)", + "normal": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", }, "portalElevation1": "var(--vkui--portal_elevation1, 0px 6px 20px 0px rgba(0, 16, 61, 0.07))", "portalElevation2": "var(--vkui--portal_elevation2, 0px 10px 24px 0px rgba(0, 16, 61, 0.11))", "portalElevation3": "var(--vkui--portal_elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", - "portalGradientBackground": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundAccent": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundActive": "var(--vkui--portal_gradient_background_active, background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundCard": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundCardActive": "var(--vkui--portal_gradient_background_card_active, background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundCardHover": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundContent": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundHover": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundModal": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundModalActive": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundModalHover": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundSecondary": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", - "portalGradientBackgroundTertiary": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackground": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundAccent": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundActive": "var(--vkui--portal_gradient_background_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundCard": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundCardActive": "var(--vkui--portal_gradient_background_card_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundCardHover": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundContent": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundHover": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundModal": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundModalActive": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundModalHover": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundSecondary": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", + "portalGradientBackgroundTertiary": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12)))", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -274954,7 +284727,8 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, portalUIDark)", + "themeName": "var(--vkui--theme_name, portalUI)", + "themeNameBase": "var(--vkui--theme_name_base, portalUI)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -274987,7 +284761,7 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` +exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -275005,89 +284779,89 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", + "active": "#06D4EA", + "hover": "#07DCF1", "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", + "active": "#A9E971", + "hover": "#B1F373", "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", + "active": "#DD5643", + "hover": "#E65944", "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", + "active": "#EB367F", + "hover": "#F53782", "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -275095,63 +284869,63 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -275160,434 +284934,444 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundPositiveTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorBackgroundWarningTintThemed": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.8)", - "hover": "rgba(0, 0, 0, 0.76)", - "normal": "rgba(0, 0, 0, 0.72)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", + "active": "#EBC405", + "hover": "#F5CC02", "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", + "active": "#4B85D2", + "hover": "#4F8AD9", "normal": "#528FDF", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", }, "colorThumbErrorBackgroundAlpha": { "active": "rgba(237, 10, 52, 0.2)", @@ -275595,86 +285379,86 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, "colorTooltipBackgroundGreenTint": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, "colorTooltipBackgroundOrangeTint": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, "colorTooltipBackgroundPurpleTint": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, "colorTooltipTextBlueThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, "colorTooltipTextGreenThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, "colorTooltipTextOrangeThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, "colorTooltipTextPurpleThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", + "active": "#799EDC", + "hover": "#7EA4E3", "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "colorsScheme": "dark", - "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", - "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", - "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", - "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", @@ -275922,118 +285706,118 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, - "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "portalColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "portalColorBackgroundAccent": { - "active": "#273856", - "hover": "#1D304E", - "normal": "#142747", + "active": "#D4DDEF", + "hover": "#DDE6F6", + "normal": "#E6EFFE", }, "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", }, "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", }, "portalColorBackgroundCard": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "portalColorBackgroundDark": { - "active": "#4C4C4D", - "hover": "#3B3B3C", - "normal": "#2A2A2B", + "active": "#3E3E3F", + "hover": "#2B2B2C", + "normal": "#19191A", }, "portalColorBackgroundInvariable": { - "active": "#F1F2F4", - "hover": "#F1F2F3", + "active": "#DDDFE4", + "hover": "#E6E8EC", "normal": "#F0F1F3", }, "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "portalColorPaletteLightBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5A9EFF", }, "portalColorPaletteSweetBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, "portalColorPaletteSweetGreen": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, "portalColorPaletteSweetOrange": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, "portalColorPaletteSweetPurple": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, "portalColorTextBlueAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, "portalColorTextGreenAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, "portalColorTextLinkVisitedAlternative": { - "active": "#B174B1", - "hover": "#AD6EAD", - "normal": "#AA68AA", + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", }, "portalColorTextOrangeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, "portalColorTextPurpleAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "portalElevation1": "0px 6px 20px 0px rgba(0, 16, 61, 0.07)", "portalElevation2": "0px 10px 24px 0px rgba(0, 16, 61, 0.11)", "portalElevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "portalGradientBackground": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundActive": "background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundCardActive": "background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", - "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackground": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundCardActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(235, 236, 240, 0) 0%, #EBECF0 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 113.75%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", + "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #F9F9FA 100%),linear-gradient(0deg, rgba(0, 16, 61, 0.12), rgba(0, 16, 61, 0.12))", "sizeArrow": { "regular": 8, }, @@ -276426,7 +286210,8 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "portalUIDark", + "themeName": "portalUI", + "themeNameBase": "portalUI", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -276459,7 +286244,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots promo theme should match cssVars snapshot 1`] = ` +exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -276482,39 +286267,23 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, "breakpoints": { - "desktopL": { - "adaptiveValue": "largeX", - "breakpoint": 1600, - }, - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { - "adaptiveValue": "regular", - "breakpoint": 1000, - }, - "desktopXL": { - "adaptiveValue": "largeXX", - "breakpoint": 2200, - }, - "tablet": { "adaptiveValue": "compact", "breakpoint": 768, }, "touch": { - "adaptiveValue": "compactX", + "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_azure", @@ -276524,25 +286293,25 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -276552,25 +286321,25 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", + "value": "var(--vkui--color_accent_gray, #9C9DA2)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", + "value": "var(--vkui--color_accent_green--active, #20C774)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + "value": "var(--vkui--color_accent_green--hover, #17C46E)", }, "normal": { "name": "--vkui--color_accent_green", @@ -276580,11 +286349,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", + "value": "var(--vkui--color_accent_lime--active, #BEFC80)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -276594,11 +286363,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", + "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -276608,11 +286377,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentOrangeFire": { "active": { "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", }, "hover": { "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", }, "normal": { "name": "--vkui--color_accent_orange_fire", @@ -276622,25 +286391,25 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", }, }, "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", + "value": "var(--vkui--color_accent_pink--active, #FF498F)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", + "value": "var(--vkui--color_accent_pink--hover, #FF418A)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -276650,53 +286419,53 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, }, "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -276706,11 +286475,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", }, "normal": { "name": "--vkui--color_accent_violet", @@ -276720,29 +286489,29 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", }, "hover": { "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -276762,39 +286531,39 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", + "value": "var(--vkui--color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", + "value": "var(--vkui--color_background--hover, #222223)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", + "value": "var(--vkui--color_background, #19191A)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", @@ -276804,39 +286573,39 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { "name": "--vkui--color_background_accent_tint", @@ -276846,67 +286615,67 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #232324)", }, }, "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_contrast", @@ -276916,11 +286685,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -276944,137 +286713,137 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #303030)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "value": "var(--vkui--color_background_info_tint--active, #2B3240)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "value": "var(--vkui--color_background_info_tint--hover, #222937)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + "value": "var(--vkui--color_background_info_tint, #19202f)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #414141)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #383838)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #303030)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", }, }, "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #0CB465)", + "value": "var(--vkui--color_background_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + "value": "var(--vkui--color_background_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_background_positive", @@ -277084,333 +286853,361 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "value": "var(--vkui--color_background_positive_tint, #182A22)", }, }, "colorBackgroundPositiveTintAlpha": { "active": { "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "hover": { "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, "colorBackgroundPositiveTintThemed": { "active": { "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", }, "normal": { "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", }, }, "colorBackgroundPositiveTintThemedAlpha": { "active": { "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "value": "var(--vkui--color_background_secondary--hover, #333333)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", + "value": "var(--vkui--color_background_secondary, #2A2A2B)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "value": "var(--vkui--color_background_tertiary--active, #363636)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + "value": "var(--vkui--color_background_tertiary, #252525)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + "value": "var(--vkui--color_background_warning--active, #785C14)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "value": "var(--vkui--color_background_warning--hover, #72550A)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", + "value": "var(--vkui--color_background_warning, #6C4E00)", }, }, "colorBackgroundWarningTint": { "active": { "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "value": "var(--vkui--color_background_warning_tint--active, #41372A)", }, "hover": { "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", }, "normal": { "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #fffce0)", + "value": "var(--vkui--color_background_warning_tint, #302617)", }, }, "colorBackgroundWarningTintAlpha": { "active": { "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", }, "hover": { "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", }, "normal": { "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, }, "colorBackgroundWarningTintThemed": { "active": { "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", }, "normal": { "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, }, "colorBackgroundWarningTintThemedAlpha": { "active": { "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorButtonContrast": { "active": { "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, "colorButtonContrastAlpha": { "active": { "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ffffff)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", + "value": "var(--vkui--color_header_background--active, #353536)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #232324)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_contrast", @@ -277420,11 +287217,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorIconContrastSecondary": { "active": { "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", }, "hover": { "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", @@ -277434,67 +287231,67 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", + "value": "var(--vkui--color_icon_medium, #B0B1B6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", + "value": "var(--vkui--color_icon_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "value": "var(--vkui--color_icon_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -277504,25 +287301,25 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", + "value": "var(--vkui--color_icon_primary, #D9DADD)", }, }, "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", @@ -277532,67 +287329,67 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "value": "var(--vkui--color_icon_tertiary, #83848A)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EB9305)", + "value": "var(--vkui--color_icon_warning--active, #FFA614)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", + "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_icon_warning", @@ -277602,53 +287399,53 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "value": "var(--vkui--color_image_placeholder--active, #494A4B)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + "value": "var(--vkui--color_image_placeholder, #393A3B)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorLinkContrast": { "active": { "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_link_contrast", @@ -277658,53 +287455,53 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "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.72))", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { "active": { "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "value": "var(--vkui--color_rating--active, #FFD714)", }, "hover": { "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "value": "var(--vkui--color_rating--hover, #FFD60A)", }, "normal": { "name": "--vkui--color_rating", @@ -277714,165 +287511,165 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "value": "var(--vkui--color_search_field_background--hover, #414243)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "value": "var(--vkui--color_search_field_background, #393A3B)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "value": "var(--vkui--color_segmented_control, #626364)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "value": "var(--vkui--color_separator_primary--active, #282829)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "value": "var(--vkui--color_separator_primary, #151516)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "value": "var(--vkui--color_separator_primary2x--active, #323234)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "value": "var(--vkui--color_separator_primary2x, #202022)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "value": "var(--vkui--color_separator_primary3x--hover, #353537)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "value": "var(--vkui--color_separator_secondary, #181818)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_contrast", @@ -277882,25 +287679,25 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -277910,53 +287707,53 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_contrast", @@ -277966,53 +287763,53 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", @@ -278022,11 +287819,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "value": "var(--vkui--color_text_link_visited--active, #6098E2)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -278036,39 +287833,39 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #E9EAEC)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2C2D2E)", + "value": "var(--vkui--color_text_muted, #E7E8EA)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", + "value": "var(--vkui--color_text_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + "value": "var(--vkui--color_text_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_text_positive", @@ -278078,25 +287875,25 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", + "value": "var(--vkui--color_text_primary, #E7E8EA)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -278106,43 +287903,43 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + "value": "var(--vkui--color_text_secondary--active, #95979D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "value": "var(--vkui--color_text_secondary--hover, #919398)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "value": "var(--vkui--color_text_secondary, #8C8E94)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", + "value": "var(--vkui--color_text_tertiary, #74767A)", }, }, "colorThumbErrorBackgroundAlpha": { @@ -278162,137 +287959,137 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTooltipBackgroundBlueTint": { "active": { "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", }, "hover": { "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", }, "normal": { "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", }, }, "colorTooltipBackgroundGreenTint": { "active": { "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", }, "hover": { "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", }, "normal": { "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", }, }, "colorTooltipBackgroundOrangeTint": { "active": { "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", }, "hover": { "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", }, "normal": { "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", }, }, "colorTooltipBackgroundPurpleTint": { "active": { "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", }, "hover": { "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", }, "normal": { "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", }, }, "colorTooltipTextBlueThemed": { "active": { "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", }, }, "colorTooltipTextGreenThemed": { "active": { "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", }, }, "colorTooltipTextOrangeThemed": { "active": { "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", }, }, "colorTooltipTextPurpleThemed": { "active": { "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "value": "var(--vkui--color_track_background--active, #525354)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "value": "var(--vkui--color_track_background, #434445)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", }, "normal": { "name": "--vkui--color_track_buffer", @@ -278302,11 +288099,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorTransparent": { "active": { "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--color_transparent", @@ -278316,82 +288113,82 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "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, #2C2D2E)", }, }, "colorWriteBarInputBorderAlpha": { "active": { "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorsScheme": { "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "value": "var(--vkui--colors_scheme, dark)", }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", }, "fontCaption1": { "auto": { @@ -278853,6 +288650,10 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "fontFootnote": { "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, "fontSize": { "name": "--vkui--font_footnote--font_size", "value": "var(--vkui--font_footnote--font_size)", @@ -278867,17 +288668,21 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, }, "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 14px)", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", }, "fontWeight": { "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 300)", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 20px)", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, }, @@ -278985,6 +288790,10 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "fontH1": { "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, "fontSize": { "name": "--vkui--font_h1--font_size", "value": "var(--vkui--font_h1--font_size)", @@ -278997,122 +288806,42 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", }, - "margin": { - "name": "--vkui--font_h1--margin", - "value": "var(--vkui--font_h1--margin)", - }, }, "compact": { "fontSize": { "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 48px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--compact", - "value": "var(--vkui--font_h1--font_weight--compact, 400)", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 56px)", - }, - "margin": { - "name": "--vkui--font_h1--margin--compact", - "value": "var(--vkui--font_h1--margin--compact, 0 0 24px 0)", - }, - }, - "compactX": { - "fontSize": { - "name": "--vkui--font_h1--font_size--compact_x", - "value": "var(--vkui--font_h1--font_size--compact_x, 40px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--compact_x", - "value": "var(--vkui--font_h1--font_weight--compact_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--compact_x", - "value": "var(--vkui--font_h1--line_height--compact_x, 48px)", - }, - "margin": { - "name": "--vkui--font_h1--margin--compact_x", - "value": "var(--vkui--font_h1--margin--compact_x, 0 0 32px 0)", - }, - }, - "large": { - "fontSize": { - "name": "--vkui--font_h1--font_size--large", - "value": "var(--vkui--font_h1--font_size--large, 64px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--large", - "value": "var(--vkui--font_h1--font_weight--large, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--large", - "value": "var(--vkui--font_h1--line_height--large, 72px)", - }, - "margin": { - "name": "--vkui--font_h1--margin--large", - "value": "var(--vkui--font_h1--margin--large, 0 0 32px 0)", - }, - }, - "largeX": { - "fontSize": { - "name": "--vkui--font_h1--font_size--large_x", - "value": "var(--vkui--font_h1--font_size--large_x, 88px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--large_x", - "value": "var(--vkui--font_h1--font_weight--large_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--large_x", - "value": "var(--vkui--font_h1--line_height--large_x, 96px)", - }, - "margin": { - "name": "--vkui--font_h1--margin--large_x", - "value": "var(--vkui--font_h1--margin--large_x, 0 0 40px 0)", - }, - }, - "largeXX": { - "fontSize": { - "name": "--vkui--font_h1--font_size--large_x_x", - "value": "var(--vkui--font_h1--font_size--large_x_x, 88px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--large_x_x", - "value": "var(--vkui--font_h1--font_weight--large_x_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--large_x_x", - "value": "var(--vkui--font_h1--line_height--large_x_x, 96px)", - }, - "margin": { - "name": "--vkui--font_h1--margin--large_x_x", - "value": "var(--vkui--font_h1--margin--large_x_x, 0 0 40px 0)", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", }, }, "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 48px)", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 400)", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 56px)", - }, - "margin": { - "name": "--vkui--font_h1--margin--regular", - "value": "var(--vkui--font_h1--margin--regular, 0 0 24px 0)", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, "fontH2": { "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, "fontSize": { "name": "--vkui--font_h2--font_size", "value": "var(--vkui--font_h2--font_size)", @@ -279125,117 +288854,33 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", }, - "margin": { - "name": "--vkui--font_h2--margin", - "value": "var(--vkui--font_h2--margin)", - }, }, "compact": { "fontSize": { "name": "--vkui--font_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 32px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--compact", - "value": "var(--vkui--font_h2--font_weight--compact, 400)", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 40px)", - }, - "margin": { - "name": "--vkui--font_h2--margin--compact", - "value": "var(--vkui--font_h2--margin--compact, 0 0 28px 0)", - }, - }, - "compactX": { - "fontSize": { - "name": "--vkui--font_h2--font_size--compact_x", - "value": "var(--vkui--font_h2--font_size--compact_x, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--compact_x", - "value": "var(--vkui--font_h2--font_weight--compact_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--compact_x", - "value": "var(--vkui--font_h2--line_height--compact_x, 36px)", - }, - "margin": { - "name": "--vkui--font_h2--margin--compact_x", - "value": "var(--vkui--font_h2--margin--compact_x, 0 0 24px 0)", - }, - }, - "large": { - "fontSize": { - "name": "--vkui--font_h2--font_size--large", - "value": "var(--vkui--font_h2--font_size--large, 48px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--large", - "value": "var(--vkui--font_h2--font_weight--large, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--large", - "value": "var(--vkui--font_h2--line_height--large, 56px)", - }, - "margin": { - "name": "--vkui--font_h2--margin--large", - "value": "var(--vkui--font_h2--margin--large, 0 0 32px 0)", - }, - }, - "largeX": { - "fontSize": { - "name": "--vkui--font_h2--font_size--large_x", - "value": "var(--vkui--font_h2--font_size--large_x, 48px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--large_x", - "value": "var(--vkui--font_h2--font_weight--large_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--large_x", - "value": "var(--vkui--font_h2--line_height--large_x, 56px)", - }, - "margin": { - "name": "--vkui--font_h2--margin--large_x", - "value": "var(--vkui--font_h2--margin--large_x, 0 0 32px 0)", - }, - }, - "largeXX": { - "fontSize": { - "name": "--vkui--font_h2--font_size--large_x_x", - "value": "var(--vkui--font_h2--font_size--large_x_x, 64px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--large_x_x", - "value": "var(--vkui--font_h2--font_weight--large_x_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--large_x_x", - "value": "var(--vkui--font_h2--line_height--large_x_x, 72px)", - }, - "margin": { - "name": "--vkui--font_h2--margin--large_x_x", - "value": "var(--vkui--font_h2--margin--large_x_x, 0 0 40px 0)", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", }, }, "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 40px)", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "fontWeight": { "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 400)", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 48px)", - }, - "margin": { - "name": "--vkui--font_h2--margin--regular", - "value": "var(--vkui--font_h2--margin--regular, 0 0 32px 0)", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, @@ -279471,6 +289116,10 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "fontText": { "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, "fontSize": { "name": "--vkui--font_text--font_size", "value": "var(--vkui--font_text--font_size)", @@ -279484,23 +289133,41 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_text--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 18px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", - "value": "var(--vkui--font_text--font_weight--regular, 300)", + "value": "var(--vkui--font_text--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 28px)", + "value": "var(--vkui--font_text--line_height--regular, 20px)", }, }, }, "fontTitle1": { "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, "fontSize": { "name": "--vkui--font_title1--font_size", "value": "var(--vkui--font_title1--font_size)", @@ -279513,117 +289180,23 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_title1--line_height", "value": "var(--vkui--font_title1--line_height)", }, - "margin": { - "name": "--vkui--font_title1--margin", - "value": "var(--vkui--font_title1--margin)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_title1--font_size--compact", - "value": "var(--vkui--font_title1--font_size--compact, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--compact", - "value": "var(--vkui--font_title1--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--compact", - "value": "var(--vkui--font_title1--line_height--compact, 28px)", - }, - "margin": { - "name": "--vkui--font_title1--margin--compact", - "value": "var(--vkui--font_title1--margin--compact, 0 0 24px 0)", - }, - }, - "compactX": { - "fontSize": { - "name": "--vkui--font_title1--font_size--compact_x", - "value": "var(--vkui--font_title1--font_size--compact_x, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--compact_x", - "value": "var(--vkui--font_title1--font_weight--compact_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--compact_x", - "value": "var(--vkui--font_title1--line_height--compact_x, 32px)", - }, - "margin": { - "name": "--vkui--font_title1--margin--compact_x", - "value": "var(--vkui--font_title1--margin--compact_x, 0 0 24px 0)", - }, - }, - "large": { - "fontSize": { - "name": "--vkui--font_title1--font_size--large", - "value": "var(--vkui--font_title1--font_size--large, 32px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--large", - "value": "var(--vkui--font_title1--font_weight--large, 400)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--large", - "value": "var(--vkui--font_title1--line_height--large, 40px)", - }, - "margin": { - "name": "--vkui--font_title1--margin--large", - "value": "var(--vkui--font_title1--margin--large, 0 0 24px 0)", - }, - }, - "largeX": { - "fontSize": { - "name": "--vkui--font_title1--font_size--large_x", - "value": "var(--vkui--font_title1--font_size--large_x, 32px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--large_x", - "value": "var(--vkui--font_title1--font_weight--large_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--large_x", - "value": "var(--vkui--font_title1--line_height--large_x, 40px)", - }, - "margin": { - "name": "--vkui--font_title1--margin--large_x", - "value": "var(--vkui--font_title1--margin--large_x, 0 0 24px 0)", - }, - }, - "largeXX": { - "fontSize": { - "name": "--vkui--font_title1--font_size--large_x_x", - "value": "var(--vkui--font_title1--font_size--large_x_x, 40px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--large_x_x", - "value": "var(--vkui--font_title1--font_weight--large_x_x, 400)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--large_x_x", - "value": "var(--vkui--font_title1--line_height--large_x_x, 48px)", - }, - "margin": { - "name": "--vkui--font_title1--margin--large_x_x", - "value": "var(--vkui--font_title1--margin--large_x_x, 0 0 32px 0)", - }, }, "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", "value": "var(--vkui--font_title1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 400)", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 32px)", - }, - "margin": { - "name": "--vkui--font_title1--margin--regular", - "value": "var(--vkui--font_title1--margin--regular, 0 0 24px 0)", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, }, @@ -279727,17 +289300,9 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, - "fontWeightBold": { - "name": "--vkui--font_weight_bold", - "value": "var(--vkui--font_weight_bold, 500)", - }, - "fontWeightMedium": { - "name": "--vkui--font_weight_medium", - "value": "var(--vkui--font_weight_medium, 400)", - }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -279745,7 +289310,7 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -279759,6 +289324,322 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--opacity_disable_accessibility", "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, + "portalColorBackground": { + "active": { + "name": "--vkui--portal_color_background--active", + "value": "var(--vkui--portal_color_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--portal_color_background--hover", + "value": "var(--vkui--portal_color_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--portal_color_background", + "value": "var(--vkui--portal_color_background, #19191A)", + }, + }, + "portalColorBackgroundAccent": { + "active": { + "name": "--vkui--portal_color_background_accent--active", + "value": "var(--vkui--portal_color_background_accent--active, #273856)", + }, + "hover": { + "name": "--vkui--portal_color_background_accent--hover", + "value": "var(--vkui--portal_color_background_accent--hover, #1D304E)", + }, + "normal": { + "name": "--vkui--portal_color_background_accent", + "value": "var(--vkui--portal_color_background_accent, #142747)", + }, + }, + "portalColorBackgroundAccentAlpha": { + "active": { + "name": "--vkui--portal_color_background_accent_alpha--active", + "value": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.28))", + }, + "hover": { + "name": "--vkui--portal_color_background_accent_alpha--hover", + "value": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.24))", + }, + "normal": { + "name": "--vkui--portal_color_background_accent_alpha", + "value": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.2))", + }, + }, + "portalColorBackgroundAccentTabAlpha": { + "active": { + "name": "--vkui--portal_color_background_accent_tab_alpha--active", + "value": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--portal_color_background_accent_tab_alpha--hover", + "value": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--portal_color_background_accent_tab_alpha", + "value": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "portalColorBackgroundCard": { + "active": { + "name": "--vkui--portal_color_background_card--active", + "value": "var(--vkui--portal_color_background_card--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--portal_color_background_card--hover", + "value": "var(--vkui--portal_color_background_card--hover, #333333)", + }, + "normal": { + "name": "--vkui--portal_color_background_card", + "value": "var(--vkui--portal_color_background_card, #2A2A2B)", + }, + }, + "portalColorBackgroundDark": { + "active": { + "name": "--vkui--portal_color_background_dark--active", + "value": "var(--vkui--portal_color_background_dark--active, #4C4C4D)", + }, + "hover": { + "name": "--vkui--portal_color_background_dark--hover", + "value": "var(--vkui--portal_color_background_dark--hover, #3B3B3C)", + }, + "normal": { + "name": "--vkui--portal_color_background_dark", + "value": "var(--vkui--portal_color_background_dark, #2A2A2B)", + }, + }, + "portalColorBackgroundInvariable": { + "active": { + "name": "--vkui--portal_color_background_invariable--active", + "value": "var(--vkui--portal_color_background_invariable--active, #F1F2F4)", + }, + "hover": { + "name": "--vkui--portal_color_background_invariable--hover", + "value": "var(--vkui--portal_color_background_invariable--hover, #F1F2F3)", + }, + "normal": { + "name": "--vkui--portal_color_background_invariable", + "value": "var(--vkui--portal_color_background_invariable, #F0F1F3)", + }, + }, + "portalColorOverlayPrimaryAlpha": { + "active": { + "name": "--vkui--portal_color_overlay_primary_alpha--active", + "value": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--portal_color_overlay_primary_alpha--hover", + "value": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--portal_color_overlay_primary_alpha", + "value": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.48))", + }, + }, + "portalColorPaletteLightBlue": { + "active": { + "name": "--vkui--portal_color_palette_light_blue--active", + "value": "var(--vkui--portal_color_palette_light_blue--active, #2E5384)", + }, + "hover": { + "name": "--vkui--portal_color_palette_light_blue--hover", + "value": "var(--vkui--portal_color_palette_light_blue--hover, #254B7E)", + }, + "normal": { + "name": "--vkui--portal_color_palette_light_blue", + "value": "var(--vkui--portal_color_palette_light_blue, #1C4479)", + }, + }, + "portalColorPaletteSweetBlue": { + "active": { + "name": "--vkui--portal_color_palette_sweet_blue--active", + "value": "var(--vkui--portal_color_palette_sweet_blue--active, #2E5384)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_blue--hover", + "value": "var(--vkui--portal_color_palette_sweet_blue--hover, #254B7E)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_blue", + "value": "var(--vkui--portal_color_palette_sweet_blue, #1C4479)", + }, + }, + "portalColorPaletteSweetGreen": { + "active": { + "name": "--vkui--portal_color_palette_sweet_green--active", + "value": "var(--vkui--portal_color_palette_sweet_green--active, #1C8679)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_green--hover", + "value": "var(--vkui--portal_color_palette_sweet_green--hover, #128173)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_green", + "value": "var(--vkui--portal_color_palette_sweet_green, #087C6D)", + }, + }, + "portalColorPaletteSweetOrange": { + "active": { + "name": "--vkui--portal_color_palette_sweet_orange--active", + "value": "var(--vkui--portal_color_palette_sweet_orange--active, #83563B)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_orange--hover", + "value": "var(--vkui--portal_color_palette_sweet_orange--hover, #7D4E33)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_orange", + "value": "var(--vkui--portal_color_palette_sweet_orange, #78472A)", + }, + }, + "portalColorPaletteSweetPurple": { + "active": { + "name": "--vkui--portal_color_palette_sweet_purple--active", + "value": "var(--vkui--portal_color_palette_sweet_purple--active, #7E5FA7)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_purple--hover", + "value": "var(--vkui--portal_color_palette_sweet_purple--hover, #7958A3)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_purple", + "value": "var(--vkui--portal_color_palette_sweet_purple, #73519F)", + }, + }, + "portalColorTextBlueAccentThemed": { + "active": { + "name": "--vkui--portal_color_text_blue_accent_themed--active", + "value": "var(--vkui--portal_color_text_blue_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--portal_color_text_blue_accent_themed--hover", + "value": "var(--vkui--portal_color_text_blue_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--portal_color_text_blue_accent_themed", + "value": "var(--vkui--portal_color_text_blue_accent_themed, #FFFFFF)", + }, + }, + "portalColorTextGreenAccentThemed": { + "active": { + "name": "--vkui--portal_color_text_green_accent_themed--active", + "value": "var(--vkui--portal_color_text_green_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--portal_color_text_green_accent_themed--hover", + "value": "var(--vkui--portal_color_text_green_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--portal_color_text_green_accent_themed", + "value": "var(--vkui--portal_color_text_green_accent_themed, #FFFFFF)", + }, + }, + "portalColorTextLinkVisitedAlternative": { + "active": { + "name": "--vkui--portal_color_text_link_visited_alternative--active", + "value": "var(--vkui--portal_color_text_link_visited_alternative--active, #B174B1)", + }, + "hover": { + "name": "--vkui--portal_color_text_link_visited_alternative--hover", + "value": "var(--vkui--portal_color_text_link_visited_alternative--hover, #AD6EAD)", + }, + "normal": { + "name": "--vkui--portal_color_text_link_visited_alternative", + "value": "var(--vkui--portal_color_text_link_visited_alternative, #AA68AA)", + }, + }, + "portalColorTextOrangeAccentThemed": { + "active": { + "name": "--vkui--portal_color_text_orange_accent_themed--active", + "value": "var(--vkui--portal_color_text_orange_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--portal_color_text_orange_accent_themed--hover", + "value": "var(--vkui--portal_color_text_orange_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--portal_color_text_orange_accent_themed", + "value": "var(--vkui--portal_color_text_orange_accent_themed, #FFFFFF)", + }, + }, + "portalColorTextPurpleAccentThemed": { + "active": { + "name": "--vkui--portal_color_text_purple_accent_themed--active", + "value": "var(--vkui--portal_color_text_purple_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--portal_color_text_purple_accent_themed--hover", + "value": "var(--vkui--portal_color_text_purple_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--portal_color_text_purple_accent_themed", + "value": "var(--vkui--portal_color_text_purple_accent_themed, #FFFFFF)", + }, + }, + "portalElevation1": { + "name": "--vkui--portal_elevation1", + "value": "var(--vkui--portal_elevation1, 0px 6px 20px 0px rgba(0, 16, 61, 0.07))", + }, + "portalElevation2": { + "name": "--vkui--portal_elevation2", + "value": "var(--vkui--portal_elevation2, 0px 10px 24px 0px rgba(0, 16, 61, 0.11))", + }, + "portalElevation3": { + "name": "--vkui--portal_elevation3", + "value": "var(--vkui--portal_elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + }, + "portalGradientBackground": { + "name": "--vkui--portal_gradient_background", + "value": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundAccent": { + "name": "--vkui--portal_gradient_background_accent", + "value": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundActive": { + "name": "--vkui--portal_gradient_background_active", + "value": "var(--vkui--portal_gradient_background_active, background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundCard": { + "name": "--vkui--portal_gradient_background_card", + "value": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundCardActive": { + "name": "--vkui--portal_gradient_background_card_active", + "value": "var(--vkui--portal_gradient_background_card_active, background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundCardHover": { + "name": "--vkui--portal_gradient_background_card_hover", + "value": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundContent": { + "name": "--vkui--portal_gradient_background_content", + "value": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundHover": { + "name": "--vkui--portal_gradient_background_hover", + "value": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundModal": { + "name": "--vkui--portal_gradient_background_modal", + "value": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundModalActive": { + "name": "--vkui--portal_gradient_background_modal_active", + "value": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundModalHover": { + "name": "--vkui--portal_gradient_background_modal_hover", + "value": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundSecondary": { + "name": "--vkui--portal_gradient_background_secondary", + "value": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, + "portalGradientBackgroundTertiary": { + "name": "--vkui--portal_gradient_background_tertiary", + "value": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + }, "sizeArrow": { "auto": { "name": "--vkui--size_arrow", @@ -280196,9 +290077,13 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_large_height", "value": "var(--vkui--size_button_large_height)", }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, "regular": { "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 48px)", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, "sizeButtonMediumHeight": { @@ -280208,27 +290093,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 52px)", - }, - "compactX": { - "name": "--vkui--size_button_medium_height--compact_x", - "value": "var(--vkui--size_button_medium_height--compact_x, 64px)", - }, - "large": { - "name": "--vkui--size_button_medium_height--large", - "value": "var(--vkui--size_button_medium_height--large, 64px)", - }, - "largeX": { - "name": "--vkui--size_button_medium_height--large_x", - "value": "var(--vkui--size_button_medium_height--large_x, 64px)", - }, - "largeXX": { - "name": "--vkui--size_button_medium_height--large_x_x", - "value": "var(--vkui--size_button_medium_height--large_x_x, 64px)", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, "regular": { "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 52px)", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, "sizeButtonMinimumWidth": { @@ -280256,9 +290125,13 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_padding_horizontal", "value": "var(--vkui--size_button_padding_horizontal)", }, + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + }, "regular": { "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 32px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, "sizeButtonSliderHeight": { @@ -280296,9 +290169,13 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_small_height", "value": "var(--vkui--size_button_small_height)", }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 40px)", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -280421,114 +290298,18 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "sizeContentBlockHorizontalPadding": { - "auto": { - "name": "--vkui--size_content_block_horizontal_padding", - "value": "var(--vkui--size_content_block_horizontal_padding)", - }, - "compact": { - "name": "--vkui--size_content_block_horizontal_padding--compact", - "value": "var(--vkui--size_content_block_horizontal_padding--compact, 0px)", - }, - "compactX": { - "name": "--vkui--size_content_block_horizontal_padding--compact_x", - "value": "var(--vkui--size_content_block_horizontal_padding--compact_x, 20px)", - }, - "large": { - "name": "--vkui--size_content_block_horizontal_padding--large", - "value": "var(--vkui--size_content_block_horizontal_padding--large, 0px)", - }, - "largeX": { - "name": "--vkui--size_content_block_horizontal_padding--large_x", - "value": "var(--vkui--size_content_block_horizontal_padding--large_x, 0px)", - }, - "largeXX": { - "name": "--vkui--size_content_block_horizontal_padding--large_x_x", - "value": "var(--vkui--size_content_block_horizontal_padding--large_x_x, 0px)", - }, - "regular": { - "name": "--vkui--size_content_block_horizontal_padding--regular", - "value": "var(--vkui--size_content_block_horizontal_padding--regular, 0px)", - }, - }, - "sizeContentBlockVerticalPadding": { - "auto": { - "name": "--vkui--size_content_block_vertical_padding", - "value": "var(--vkui--size_content_block_vertical_padding)", - }, - "compact": { - "name": "--vkui--size_content_block_vertical_padding--compact", - "value": "var(--vkui--size_content_block_vertical_padding--compact, 56px)", - }, - "compactX": { - "name": "--vkui--size_content_block_vertical_padding--compact_x", - "value": "var(--vkui--size_content_block_vertical_padding--compact_x, 48px)", - }, - "large": { - "name": "--vkui--size_content_block_vertical_padding--large", - "value": "var(--vkui--size_content_block_vertical_padding--large, 72px)", - }, - "largeX": { - "name": "--vkui--size_content_block_vertical_padding--large_x", - "value": "var(--vkui--size_content_block_vertical_padding--large_x, 88px)", - }, - "largeXX": { - "name": "--vkui--size_content_block_vertical_padding--large_x_x", - "value": "var(--vkui--size_content_block_vertical_padding--large_x_x, 96px)", - }, - "regular": { - "name": "--vkui--size_content_block_vertical_padding--regular", - "value": "var(--vkui--size_content_block_vertical_padding--regular, 56px)", - }, - }, - "sizeContentBlockWidth": { - "auto": { - "name": "--vkui--size_content_block_width", - "value": "var(--vkui--size_content_block_width)", - }, - "compact": { - "name": "--vkui--size_content_block_width--compact", - "value": "var(--vkui--size_content_block_width--compact, 700px)", - }, - "compactX": { - "name": "--vkui--size_content_block_width--compact_x", - "value": "var(--vkui--size_content_block_width--compact_x, 100%)", - }, - "large": { - "name": "--vkui--size_content_block_width--large", - "value": "var(--vkui--size_content_block_width--large, 1220px)", - }, - "largeX": { - "name": "--vkui--size_content_block_width--large_x", - "value": "var(--vkui--size_content_block_width--large_x, 1260px)", - }, - "largeXX": { - "name": "--vkui--size_content_block_width--large_x_x", - "value": "var(--vkui--size_content_block_width--large_x_x, 1380px)", - }, - "regular": { - "name": "--vkui--size_content_block_width--regular", - "value": "var(--vkui--size_content_block_width--regular, 940px)", - }, - }, - "sizeControlButtonSmallWidthMin": { - "auto": { - "name": "--vkui--size_control_button_small_width_min", - "value": "var(--vkui--size_control_button_small_width_min)", - }, - "regular": { - "name": "--vkui--size_control_button_small_width_min--regular", - "value": "var(--vkui--size_control_button_small_width_min--regular, 160px)", - }, - }, "sizeControlButtonWidthMin": { "auto": { "name": "--vkui--size_control_button_width_min", "value": "var(--vkui--size_control_button_width_min)", }, + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + }, "regular": { "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 280px)", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, "sizeDivPadding": { @@ -280653,166 +290434,6 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_grid", "value": "var(--vkui--size_grid, 20px)", }, - "sizeGridColumn1X2": { - "auto": { - "name": "--vkui--size_grid_column1_x2", - "value": "var(--vkui--size_grid_column1_x2)", - }, - "compact": { - "name": "--vkui--size_grid_column1_x2--compact", - "value": "var(--vkui--size_grid_column1_x2--compact, 320px)", - }, - "compactX": { - "name": "--vkui--size_grid_column1_x2--compact_x", - "value": "var(--vkui--size_grid_column1_x2--compact_x, 100%)", - }, - "large": { - "name": "--vkui--size_grid_column1_x2--large", - "value": "var(--vkui--size_grid_column1_x2--large, 560px)", - }, - "largeX": { - "name": "--vkui--size_grid_column1_x2--large_x", - "value": "var(--vkui--size_grid_column1_x2--large_x, 580px)", - }, - "largeXX": { - "name": "--vkui--size_grid_column1_x2--large_x_x", - "value": "var(--vkui--size_grid_column1_x2--large_x_x, 620px)", - }, - "regular": { - "name": "--vkui--size_grid_column1_x2--regular", - "value": "var(--vkui--size_grid_column1_x2--regular, 420px)", - }, - }, - "sizeGridColumn1X3": { - "auto": { - "name": "--vkui--size_grid_column1_x3", - "value": "var(--vkui--size_grid_column1_x3)", - }, - "compact": { - "name": "--vkui--size_grid_column1_x3--compact", - "value": "var(--vkui--size_grid_column1_x3--compact, 200px)", - }, - "compactX": { - "name": "--vkui--size_grid_column1_x3--compact_x", - "value": "var(--vkui--size_grid_column1_x3--compact_x, 100%)", - }, - "large": { - "name": "--vkui--size_grid_column1_x3--large", - "value": "var(--vkui--size_grid_column1_x3--large, 340px)", - }, - "largeX": { - "name": "--vkui--size_grid_column1_x3--large_x", - "value": "var(--vkui--size_grid_column1_x3--large_x, 380px)", - }, - "largeXX": { - "name": "--vkui--size_grid_column1_x3--large_x_x", - "value": "var(--vkui--size_grid_column1_x3--large_x_x, 380px)", - }, - "regular": { - "name": "--vkui--size_grid_column1_x3--regular", - "value": "var(--vkui--size_grid_column1_x3--regular, 260px)", - }, - }, - "sizeGridColumn2X3": { - "auto": { - "name": "--vkui--size_grid_column2_x3", - "value": "var(--vkui--size_grid_column2_x3)", - }, - "compact": { - "name": "--vkui--size_grid_column2_x3--compact", - "value": "var(--vkui--size_grid_column2_x3--compact, 450px)", - }, - "compactX": { - "name": "--vkui--size_grid_column2_x3--compact_x", - "value": "var(--vkui--size_grid_column2_x3--compact_x, 100%)", - }, - "large": { - "name": "--vkui--size_grid_column2_x3--large", - "value": "var(--vkui--size_grid_column2_x3--large, 780px)", - }, - "largeX": { - "name": "--vkui--size_grid_column2_x3--large_x", - "value": "var(--vkui--size_grid_column2_x3--large_x, 820px)", - }, - "largeXX": { - "name": "--vkui--size_grid_column2_x3--large_x_x", - "value": "var(--vkui--size_grid_column2_x3--large_x_x, 920px)", - }, - "regular": { - "name": "--vkui--size_grid_column2_x3--regular", - "value": "var(--vkui--size_grid_column2_x3--regular, 600px)", - }, - }, - "sizeGridColumnAsymmetricalLarge": { - "auto": { - "name": "--vkui--size_grid_column_asymmetrical_large", - "value": "var(--vkui--size_grid_column_asymmetrical_large)", - }, - "compact": { - "name": "--vkui--size_grid_column_asymmetrical_large--compact", - "value": "var(--vkui--size_grid_column_asymmetrical_large--compact, 380px)", - }, - "compactX": { - "name": "--vkui--size_grid_column_asymmetrical_large--compact_x", - "value": "var(--vkui--size_grid_column_asymmetrical_large--compact_x, 100%)", - }, - "large": { - "name": "--vkui--size_grid_column_asymmetrical_large--large", - "value": "var(--vkui--size_grid_column_asymmetrical_large--large, 560px)", - }, - "largeX": { - "name": "--vkui--size_grid_column_asymmetrical_large--large_x", - "value": "var(--vkui--size_grid_column_asymmetrical_large--large_x, 560px)", - }, - "largeXX": { - "name": "--vkui--size_grid_column_asymmetrical_large--large_x_x", - "value": "var(--vkui--size_grid_column_asymmetrical_large--large_x_x, 640px)", - }, - "regular": { - "name": "--vkui--size_grid_column_asymmetrical_large--regular", - "value": "var(--vkui--size_grid_column_asymmetrical_large--regular, 440px)", - }, - }, - "sizeGridColumnAsymmetricalSmall": { - "auto": { - "name": "--vkui--size_grid_column_asymmetrical_small", - "value": "var(--vkui--size_grid_column_asymmetrical_small)", - }, - "compact": { - "name": "--vkui--size_grid_column_asymmetrical_small--compact", - "value": "var(--vkui--size_grid_column_asymmetrical_small--compact, 260px)", - }, - "compactX": { - "name": "--vkui--size_grid_column_asymmetrical_small--compact_x", - "value": "var(--vkui--size_grid_column_asymmetrical_small--compact_x, 100%)", - }, - "large": { - "name": "--vkui--size_grid_column_asymmetrical_small--large", - "value": "var(--vkui--size_grid_column_asymmetrical_small--large, 500px)", - }, - "largeX": { - "name": "--vkui--size_grid_column_asymmetrical_small--large_x", - "value": "var(--vkui--size_grid_column_asymmetrical_small--large_x, 540px)", - }, - "largeXX": { - "name": "--vkui--size_grid_column_asymmetrical_small--large_x_x", - "value": "var(--vkui--size_grid_column_asymmetrical_small--large_x_x, 600px)", - }, - "regular": { - "name": "--vkui--size_grid_column_asymmetrical_small--regular", - "value": "var(--vkui--size_grid_column_asymmetrical_small--regular, 420px)", - }, - }, - "sizeHeaderHeightMin": { - "auto": { - "name": "--vkui--size_header_height_min", - "value": "var(--vkui--size_header_height_min)", - }, - "regular": { - "name": "--vkui--size_header_height_min--regular", - "value": "var(--vkui--size_header_height_min--regular, 90%)", - }, - }, "sizeHeaderIcon": { "auto": { "name": "--vkui--size_header_icon", @@ -280856,29 +290477,9 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_u_i", "value": "var(--vkui--size_icon_u_i)", }, - "compact": { - "name": "--vkui--size_icon_u_i--compact", - "value": "var(--vkui--size_icon_u_i--compact, 20px)", - }, - "compactX": { - "name": "--vkui--size_icon_u_i--compact_x", - "value": "var(--vkui--size_icon_u_i--compact_x, 20px)", - }, - "large": { - "name": "--vkui--size_icon_u_i--large", - "value": "var(--vkui--size_icon_u_i--large, 24px)", - }, - "largeX": { - "name": "--vkui--size_icon_u_i--large_x", - "value": "var(--vkui--size_icon_u_i--large_x, 24px)", - }, - "largeXX": { - "name": "--vkui--size_icon_u_i--large_x_x", - "value": "var(--vkui--size_icon_u_i--large_x_x, 24px)", - }, "regular": { "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 20px)", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, "sizeIllustrationL": { @@ -280896,29 +290497,9 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_illustration_m", "value": "var(--vkui--size_illustration_m)", }, - "compact": { - "name": "--vkui--size_illustration_m--compact", - "value": "var(--vkui--size_illustration_m--compact, 48px)", - }, - "compactX": { - "name": "--vkui--size_illustration_m--compact_x", - "value": "var(--vkui--size_illustration_m--compact_x, 96px)", - }, - "large": { - "name": "--vkui--size_illustration_m--large", - "value": "var(--vkui--size_illustration_m--large, 96px)", - }, - "largeX": { - "name": "--vkui--size_illustration_m--large_x", - "value": "var(--vkui--size_illustration_m--large_x, 96px)", - }, - "largeXX": { - "name": "--vkui--size_illustration_m--large_x_x", - "value": "var(--vkui--size_illustration_m--large_x_x, 96px)", - }, "regular": { "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 48px)", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, "sizeIllustrationS": { @@ -280946,29 +290527,9 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_illustration_x_x_l", "value": "var(--vkui--size_illustration_x_x_l)", }, - "compact": { - "name": "--vkui--size_illustration_x_x_l--compact", - "value": "var(--vkui--size_illustration_x_x_l--compact, 280px)", - }, - "compactX": { - "name": "--vkui--size_illustration_x_x_l--compact_x", - "value": "var(--vkui--size_illustration_x_x_l--compact_x, 280px)", - }, - "large": { - "name": "--vkui--size_illustration_x_x_l--large", - "value": "var(--vkui--size_illustration_x_x_l--large, 380px)", - }, - "largeX": { - "name": "--vkui--size_illustration_x_x_l--large_x", - "value": "var(--vkui--size_illustration_x_x_l--large_x, 560px)", - }, - "largeXX": { - "name": "--vkui--size_illustration_x_x_l--large_x_x", - "value": "var(--vkui--size_illustration_x_x_l--large_x_x, 560px)", - }, "regular": { "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 360px)", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, "sizeLabelHorizontalMargin": { @@ -281001,186 +290562,6 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "sizeMarginIllustrationM": { - "auto": { - "name": "--vkui--size_margin_illustration_m", - "value": "var(--vkui--size_margin_illustration_m)", - }, - "compact": { - "name": "--vkui--size_margin_illustration_m--compact", - "value": "var(--vkui--size_margin_illustration_m--compact, 24px)", - }, - "compactX": { - "name": "--vkui--size_margin_illustration_m--compact_x", - "value": "var(--vkui--size_margin_illustration_m--compact_x, 32px)", - }, - "large": { - "name": "--vkui--size_margin_illustration_m--large", - "value": "var(--vkui--size_margin_illustration_m--large, 32px)", - }, - "largeX": { - "name": "--vkui--size_margin_illustration_m--large_x", - "value": "var(--vkui--size_margin_illustration_m--large_x, 32px)", - }, - "largeXX": { - "name": "--vkui--size_margin_illustration_m--large_x_x", - "value": "var(--vkui--size_margin_illustration_m--large_x_x, 32px)", - }, - "regular": { - "name": "--vkui--size_margin_illustration_m--regular", - "value": "var(--vkui--size_margin_illustration_m--regular, 24px)", - }, - }, - "sizeMarginIllustrationXXL": { - "auto": { - "name": "--vkui--size_margin_illustration_x_x_l", - "value": "var(--vkui--size_margin_illustration_x_x_l)", - }, - "compact": { - "name": "--vkui--size_margin_illustration_x_x_l--compact", - "value": "var(--vkui--size_margin_illustration_x_x_l--compact, 40px)", - }, - "compactX": { - "name": "--vkui--size_margin_illustration_x_x_l--compact_x", - "value": "var(--vkui--size_margin_illustration_x_x_l--compact_x, 40px)", - }, - "large": { - "name": "--vkui--size_margin_illustration_x_x_l--large", - "value": "var(--vkui--size_margin_illustration_x_x_l--large, 100px)", - }, - "largeX": { - "name": "--vkui--size_margin_illustration_x_x_l--large_x", - "value": "var(--vkui--size_margin_illustration_x_x_l--large_x, 100px)", - }, - "largeXX": { - "name": "--vkui--size_margin_illustration_x_x_l--large_x_x", - "value": "var(--vkui--size_margin_illustration_x_x_l--large_x_x, 140px)", - }, - "regular": { - "name": "--vkui--size_margin_illustration_x_x_l--regular", - "value": "var(--vkui--size_margin_illustration_x_x_l--regular, 60px)", - }, - }, - "sizeMarginL": { - "auto": { - "name": "--vkui--size_margin_l", - "value": "var(--vkui--size_margin_l)", - }, - "compact": { - "name": "--vkui--size_margin_l--compact", - "value": "var(--vkui--size_margin_l--compact, 32px)", - }, - "compactX": { - "name": "--vkui--size_margin_l--compact_x", - "value": "var(--vkui--size_margin_l--compact_x, 32px)", - }, - "large": { - "name": "--vkui--size_margin_l--large", - "value": "var(--vkui--size_margin_l--large, 40px)", - }, - "largeX": { - "name": "--vkui--size_margin_l--large_x", - "value": "var(--vkui--size_margin_l--large_x, 48px)", - }, - "largeXX": { - "name": "--vkui--size_margin_l--large_x_x", - "value": "var(--vkui--size_margin_l--large_x_x, 48px)", - }, - "regular": { - "name": "--vkui--size_margin_l--regular", - "value": "var(--vkui--size_margin_l--regular, 32px)", - }, - }, - "sizeMarginM": { - "auto": { - "name": "--vkui--size_margin_m", - "value": "var(--vkui--size_margin_m)", - }, - "compact": { - "name": "--vkui--size_margin_m--compact", - "value": "var(--vkui--size_margin_m--compact, 24px)", - }, - "compactX": { - "name": "--vkui--size_margin_m--compact_x", - "value": "var(--vkui--size_margin_m--compact_x, 24px)", - }, - "large": { - "name": "--vkui--size_margin_m--large", - "value": "var(--vkui--size_margin_m--large, 32px)", - }, - "largeX": { - "name": "--vkui--size_margin_m--large_x", - "value": "var(--vkui--size_margin_m--large_x, 40px)", - }, - "largeXX": { - "name": "--vkui--size_margin_m--large_x_x", - "value": "var(--vkui--size_margin_m--large_x_x, 40px)", - }, - "regular": { - "name": "--vkui--size_margin_m--regular", - "value": "var(--vkui--size_margin_m--regular, 24px)", - }, - }, - "sizeMarginS": { - "auto": { - "name": "--vkui--size_margin_s", - "value": "var(--vkui--size_margin_s)", - }, - "compact": { - "name": "--vkui--size_margin_s--compact", - "value": "var(--vkui--size_margin_s--compact, 16px)", - }, - "compactX": { - "name": "--vkui--size_margin_s--compact_x", - "value": "var(--vkui--size_margin_s--compact_x, 16px)", - }, - "large": { - "name": "--vkui--size_margin_s--large", - "value": "var(--vkui--size_margin_s--large, 24px)", - }, - "largeX": { - "name": "--vkui--size_margin_s--large_x", - "value": "var(--vkui--size_margin_s--large_x, 32px)", - }, - "largeXX": { - "name": "--vkui--size_margin_s--large_x_x", - "value": "var(--vkui--size_margin_s--large_x_x, 32px)", - }, - "regular": { - "name": "--vkui--size_margin_s--regular", - "value": "var(--vkui--size_margin_s--regular, 20px)", - }, - }, - "sizeMarginXS": { - "auto": { - "name": "--vkui--size_margin_x_s", - "value": "var(--vkui--size_margin_x_s)", - }, - "compact": { - "name": "--vkui--size_margin_x_s--compact", - "value": "var(--vkui--size_margin_x_s--compact, 12px)", - }, - "compactX": { - "name": "--vkui--size_margin_x_s--compact_x", - "value": "var(--vkui--size_margin_x_s--compact_x, 12px)", - }, - "large": { - "name": "--vkui--size_margin_x_s--large", - "value": "var(--vkui--size_margin_x_s--large, 16px)", - }, - "largeX": { - "name": "--vkui--size_margin_x_s--large_x", - "value": "var(--vkui--size_margin_x_s--large_x, 16px)", - }, - "largeXX": { - "name": "--vkui--size_margin_x_s--large_x_x", - "value": "var(--vkui--size_margin_x_s--large_x_x, 16px)", - }, - "regular": { - "name": "--vkui--size_margin_x_s--regular", - "value": "var(--vkui--size_margin_x_s--regular, 12px)", - }, - }, "sizeMenuMargin": { "auto": { "name": "--vkui--size_menu_margin", @@ -281589,11 +290970,7 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, promo)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, promo)", + "value": "var(--vkui--theme_name, portalUIDark)", }, "themeType": "cssVars", "toneValueActive": { @@ -281628,61 +291005,13 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--type_border_position", "value": "var(--vkui--type_border_position, inset)", }, - "widthDesktopL": { - "name": "--vkui--width_desktop_l", - "value": "var(--vkui--width_desktop_l, "(min-width: 1600px) and (max-width: 2199px)")", - }, - "widthDesktopM": { - "name": "--vkui--width_desktop_m", - "value": "var(--vkui--width_desktop_m, "(min-width: 1300px) and (max-width: 1599px)")", - }, "widthDesktopS": { "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 1000px) and (max-width: 1299px)")", - }, - "widthDesktopXL": { - "name": "--vkui--width_desktop_x_l", - "value": "var(--vkui--width_desktop_x_l, "(min-width: 2200px)")", - }, - "widthFromDesktopL": { - "name": "--vkui--width_from_desktop_l", - "value": "var(--vkui--width_from_desktop_l, "(min-width: 1600px)")", - }, - "widthFromDesktopM": { - "name": "--vkui--width_from_desktop_m", - "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, "widthFromDesktopS": { "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 1000px)")", - }, - "widthFromDesktopXL": { - "name": "--vkui--width_from_desktop_x_l", - "value": "var(--vkui--width_from_desktop_x_l, "(min-width: 2200px)")", - }, - "widthFromTablet": { - "name": "--vkui--width_from_tablet", - "value": "var(--vkui--width_from_tablet, "(min-width: 768px)")", - }, - "widthTablet": { - "name": "--vkui--width_tablet", - "value": "var(--vkui--width_tablet, "(min-width: 768px) and (max-width: 999px)")", - }, - "widthToDesktopL": { - "name": "--vkui--width_to_desktop_l", - "value": "var(--vkui--width_to_desktop_l, "(max-width: 2199px)")", - }, - "widthToDesktopM": { - "name": "--vkui--width_to_desktop_m", - "value": "var(--vkui--width_to_desktop_m, "(max-width: 1599px)")", - }, - "widthToDesktopS": { - "name": "--vkui--width_to_desktop_s", - "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", - }, - "widthToTablet": { - "name": "--vkui--width_to_tablet", - "value": "var(--vkui--width_to_tablet, "(max-width: 999px)")", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, "widthToTouch": { "name": "--vkui--width_to_touch", @@ -281759,7 +291088,7 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -281767,115 +291096,99 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { - "desktopL": { - "adaptiveValue": "largeX", - "breakpoint": 1600, - }, - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { - "adaptiveValue": "regular", - "breakpoint": 1000, - }, - "desktopXL": { - "adaptiveValue": "largeXX", - "breakpoint": 2200, - }, - "tablet": { "adaptiveValue": "compact", "breakpoint": 768, }, "touch": { - "adaptiveValue": "compactX", + "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", + "active": "#1BE7F9", + "hover": "#11E6F9", "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", + "active": "#BEFC80", + "hover": "#BBFC7B", "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", + "active": "#F16953", + "hover": "#F1634B", "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", + "active": "#FF498F", + "hover": "#FF418A", "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", + "active": "#C66AF4", + "hover": "#C363F3", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -281883,63 +291196,63 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -281948,434 +291261,444 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", + "active": "#FFD714", + "hover": "#FFD60A", "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", + "active": "#6098E2", + "hover": "#5993E0", "normal": "#528FDF", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { "active": "rgba(237, 10, 52, 0.2)", @@ -282383,86 +291706,86 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(237, 10, 52, 0.12)", }, "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", + "active": "#8DB1EC", + "hover": "#88ADEB", "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", "fontCaption1": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", @@ -282560,9 +291883,10 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontSize": "14px", - "fontWeight": 300, - "lineHeight": "20px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { @@ -282589,78 +291913,26 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontSize": "48px", - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 24px 0", - }, - "compactX": { - "fontSize": "40px", - "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", - }, - "large": { - "fontSize": "64px", - "fontWeight": 400, - "lineHeight": "72px", - "margin": "0 0 32px 0", - }, - "largeX": { - "fontSize": "88px", - "fontWeight": 400, - "lineHeight": "96px", - "margin": "0 0 40px 0", - }, - "largeXX": { - "fontSize": "88px", - "fontWeight": 400, - "lineHeight": "96px", - "margin": "0 0 40px 0", + "fontSize": "32px", + "lineHeight": "36px", }, "regular": { - "fontSize": "48px", - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 24px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontH2": { "compact": { - "fontSize": "32px", - "fontWeight": 400, - "lineHeight": "40px", - "margin": "0 0 28px 0", - }, - "compactX": { "fontSize": "28px", - "fontWeight": 400, - "lineHeight": "36px", - "margin": "0 0 24px 0", - }, - "large": { - "fontSize": "48px", - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 32px 0", - }, - "largeX": { - "fontSize": "48px", - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 32px 0", - }, - "largeXX": { - "fontSize": "64px", - "fontWeight": 400, - "lineHeight": "72px", - "margin": "0 0 40px 0", + "lineHeight": "32px", }, "regular": { - "fontSize": "40px", - "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontHeadline": { @@ -282720,48 +291992,23 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` }, }, "fontText": { - "regular": { - "fontSize": "18px", - "fontWeight": 300, - "lineHeight": "28px", - }, - }, - "fontTitle1": { "compact": { - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "28px", - "margin": "0 0 24px 0", - }, - "compactX": { - "fontSize": "24px", - "fontWeight": 400, - "lineHeight": "32px", - "margin": "0 0 24px 0", - }, - "large": { - "fontSize": "32px", - "fontWeight": 400, - "lineHeight": "40px", - "margin": "0 0 24px 0", - }, - "largeX": { - "fontSize": "32px", - "fontWeight": 400, - "lineHeight": "40px", - "margin": "0 0 24px 0", + "fontSize": "15px", + "lineHeight": "20px", }, - "largeXX": { - "fontSize": "40px", + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "lineHeight": "20px", }, + }, + "fontTitle1": { "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 400, - "lineHeight": "32px", - "margin": "0 0 24px 0", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontTitle2": { @@ -282786,14 +292033,118 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, - "fontWeightBold": 500, - "fontWeightMedium": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, + "portalColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "portalColorBackgroundAccent": { + "active": "#273856", + "hover": "#1D304E", + "normal": "#142747", + }, + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", + }, + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "portalColorBackgroundCard": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "portalColorBackgroundDark": { + "active": "#4C4C4D", + "hover": "#3B3B3C", + "normal": "#2A2A2B", + }, + "portalColorBackgroundInvariable": { + "active": "#F1F2F4", + "hover": "#F1F2F3", + "normal": "#F0F1F3", + }, + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "portalColorPaletteLightBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", + }, + "portalColorPaletteSweetBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", + }, + "portalColorPaletteSweetGreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", + }, + "portalColorPaletteSweetOrange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", + }, + "portalColorPaletteSweetPurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", + }, + "portalColorTextBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalColorTextGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalColorTextLinkVisitedAlternative": { + "active": "#B174B1", + "hover": "#AD6EAD", + "normal": "#AA68AA", + }, + "portalColorTextOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalColorTextPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalElevation1": "0px 6px 20px 0px rgba(0, 16, 61, 0.07)", + "portalElevation2": "0px 10px 24px 0px rgba(0, 16, 61, 0.11)", + "portalElevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "portalGradientBackground": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundActive": "background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundCardActive": "background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", "sizeArrow": { "regular": "8px", }, @@ -282924,15 +292275,12 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonLargeHeight": { - "regular": "48px", + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "52px", - "compactX": "64px", - "large": "64px", - "largeX": "64px", - "largeXX": "64px", - "regular": "52px", + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -282941,7 +292289,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": "32px", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -282953,7 +292302,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "40px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -282991,35 +292341,9 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "sizeChoiceMargin": { "regular": "8px", }, - "sizeContentBlockHorizontalPadding": { - "compact": "0px", - "compactX": "20px", - "large": "0px", - "largeX": "0px", - "largeXX": "0px", - "regular": "0px", - }, - "sizeContentBlockVerticalPadding": { - "compact": "56px", - "compactX": "48px", - "large": "72px", - "largeX": "88px", - "largeXX": "96px", - "regular": "56px", - }, - "sizeContentBlockWidth": { - "compact": "700px", - "compactX": "100%", - "large": "1220px", - "largeX": "1260px", - "largeXX": "1380px", - "regular": "940px", - }, - "sizeControlButtonSmallWidthMin": { - "regular": "160px", - }, "sizeControlButtonWidthMin": { - "regular": "280px", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { "regular": "4px", @@ -283057,49 +292381,6 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeGrid": "20px", - "sizeGridColumn1X2": { - "compact": "320px", - "compactX": "100%", - "large": "560px", - "largeX": "580px", - "largeXX": "620px", - "regular": "420px", - }, - "sizeGridColumn1X3": { - "compact": "200px", - "compactX": "100%", - "large": "340px", - "largeX": "380px", - "largeXX": "380px", - "regular": "260px", - }, - "sizeGridColumn2X3": { - "compact": "450px", - "compactX": "100%", - "large": "780px", - "largeX": "820px", - "largeXX": "920px", - "regular": "600px", - }, - "sizeGridColumnAsymmetricalLarge": { - "compact": "380px", - "compactX": "100%", - "large": "560px", - "largeX": "560px", - "largeXX": "640px", - "regular": "440px", - }, - "sizeGridColumnAsymmetricalSmall": { - "compact": "260px", - "compactX": "100%", - "large": "500px", - "largeX": "540px", - "largeXX": "600px", - "regular": "420px", - }, - "sizeHeaderHeightMin": { - "regular": "90%", - }, "sizeHeaderIcon": { "regular": "20px", }, @@ -283112,23 +292393,13 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeIconUI": { - "compact": "20px", - "compactX": "20px", - "large": "24px", - "largeX": "24px", - "largeXX": "24px", - "regular": "20px", + "regular": "16px", }, "sizeIllustrationL": { "regular": "144px", }, "sizeIllustrationM": { - "compact": "48px", - "compactX": "96px", - "large": "96px", - "largeX": "96px", - "largeXX": "96px", - "regular": "48px", + "regular": "96px", }, "sizeIllustrationS": { "regular": "48px", @@ -283137,12 +292408,7 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "72px", }, "sizeIllustrationXXL": { - "compact": "280px", - "compactX": "280px", - "large": "380px", - "largeX": "560px", - "largeXX": "560px", - "regular": "360px", + "regular": "228px", }, "sizeLabelHorizontalMargin": { "regular": "16px", @@ -283153,54 +292419,6 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "sizeLabelWidth": { "regular": "184px", }, - "sizeMarginIllustrationM": { - "compact": "24px", - "compactX": "32px", - "large": "32px", - "largeX": "32px", - "largeXX": "32px", - "regular": "24px", - }, - "sizeMarginIllustrationXXL": { - "compact": "40px", - "compactX": "40px", - "large": "100px", - "largeX": "100px", - "largeXX": "140px", - "regular": "60px", - }, - "sizeMarginL": { - "compact": "32px", - "compactX": "32px", - "large": "40px", - "largeX": "48px", - "largeXX": "48px", - "regular": "32px", - }, - "sizeMarginM": { - "compact": "24px", - "compactX": "24px", - "large": "32px", - "largeX": "40px", - "largeXX": "40px", - "regular": "24px", - }, - "sizeMarginS": { - "compact": "16px", - "compactX": "16px", - "large": "24px", - "largeX": "32px", - "largeXX": "32px", - "regular": "20px", - }, - "sizeMarginXS": { - "compact": "12px", - "compactX": "12px", - "large": "16px", - "largeX": "16px", - "largeXX": "16px", - "regular": "12px", - }, "sizeMenuMargin": { "regular": "2px", }, @@ -283319,8 +292537,7 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "promo", - "themeNameBase": "promo", + "themeName": "portalUIDark", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -283330,20 +292547,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopL": "(min-width: 1600px) and (max-width: 2199px)", - "widthDesktopM": "(min-width: 1300px) and (max-width: 1599px)", - "widthDesktopS": "(min-width: 1000px) and (max-width: 1299px)", - "widthDesktopXL": "(min-width: 2200px)", - "widthFromDesktopL": "(min-width: 1600px)", - "widthFromDesktopM": "(min-width: 1300px)", - "widthFromDesktopS": "(min-width: 1000px)", - "widthFromDesktopXL": "(min-width: 2200px)", - "widthFromTablet": "(min-width: 768px)", - "widthTablet": "(min-width: 768px) and (max-width: 999px)", - "widthToDesktopL": "(max-width: 2199px)", - "widthToDesktopM": "(max-width: 1599px)", - "widthToDesktopS": "(max-width: 1299px)", - "widthToTablet": "(max-width: 999px)", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", "widthToTouch": "(max-width: 767px)", "widthTouch": "(max-width: 767px)", "x0": "0px", @@ -283365,7 +292570,7 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -283373,115 +292578,99 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", "breakpoints": { - "desktopL": { - "adaptiveValue": "largeX", - "breakpoint": 1600, - }, - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { - "adaptiveValue": "regular", - "breakpoint": 1000, - }, - "desktopXL": { - "adaptiveValue": "largeXX", - "breakpoint": 2200, - }, - "tablet": { "adaptiveValue": "compact", "breakpoint": 768, }, "touch": { - "adaptiveValue": "compactX", + "adaptiveValue": "regular", "breakpoint": 0, }, }, "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A9E971)", - "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "active": "var(--vkui--color_accent_lime--active, #BEFC80)", + "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", - "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #EB367F)", - "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "active": "var(--vkui--color_accent_pink--active, #FF498F)", + "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -283489,63 +292678,63 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { @@ -283554,1424 +292743,28546 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + "active": "var(--vkui--color_background_info_tint--active, #2B3240)", + "hover": "var(--vkui--color_background_info_tint--hover, #222937)", + "normal": "var(--vkui--color_background_info_tint, #19202f)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_modal_inverse, #303030)", + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", + "normal": "var(--vkui--color_background_positive_tint, #182A22)", }, "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", }, "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", }, "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint, #fffce0)", + "active": "var(--vkui--color_background_warning_tint--active, #41372A)", + "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", + "normal": "var(--vkui--color_background_warning_tint, #302617)", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", - "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "hover": "var(--vkui--color_button_contrast--hover, #29292A)", + "normal": "var(--vkui--color_button_contrast, #252526)", }, "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #FFA614)", + "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", + }, + "colorRating": { + "active": "var(--vkui--color_rating--active, #FFD714)", + "hover": "var(--vkui--color_rating--hover, #FFD60A)", + "normal": "var(--vkui--color_rating, #ffd400)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #323234)", + "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "normal": "var(--vkui--color_separator_primary2x, #202022)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", + "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #6098E2)", + "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + "colorTooltipBackgroundBlueTint": { + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + }, + "colorTooltipBackgroundGreenTint": { + "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + }, + "colorTooltipTextBlueThemed": { + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + }, + "colorTooltipTextGreenThemed": { + "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + }, + "colorTooltipTextOrangeThemed": { + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + }, + "colorTooltipTextPurpleThemed": { + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation2": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + "elevation3": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "elevation4": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontH0": { + "compact": { + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "portalColorBackground": { + "active": "var(--vkui--portal_color_background--active, #2B2B2C)", + "hover": "var(--vkui--portal_color_background--hover, #222223)", + "normal": "var(--vkui--portal_color_background, #19191A)", + }, + "portalColorBackgroundAccent": { + "active": "var(--vkui--portal_color_background_accent--active, #273856)", + "hover": "var(--vkui--portal_color_background_accent--hover, #1D304E)", + "normal": "var(--vkui--portal_color_background_accent, #142747)", + }, + "portalColorBackgroundAccentAlpha": { + "active": "var(--vkui--portal_color_background_accent_alpha--active, rgba(0, 95, 249, 0.28))", + "hover": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.24))", + "normal": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.2))", + }, + "portalColorBackgroundAccentTabAlpha": { + "active": "var(--vkui--portal_color_background_accent_tab_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--portal_color_background_accent_tab_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(255, 255, 255, 0.08))", + }, + "portalColorBackgroundCard": { + "active": "var(--vkui--portal_color_background_card--active, #3B3B3C)", + "hover": "var(--vkui--portal_color_background_card--hover, #333333)", + "normal": "var(--vkui--portal_color_background_card, #2A2A2B)", + }, + "portalColorBackgroundDark": { + "active": "var(--vkui--portal_color_background_dark--active, #4C4C4D)", + "hover": "var(--vkui--portal_color_background_dark--hover, #3B3B3C)", + "normal": "var(--vkui--portal_color_background_dark, #2A2A2B)", + }, + "portalColorBackgroundInvariable": { + "active": "var(--vkui--portal_color_background_invariable--active, #F1F2F4)", + "hover": "var(--vkui--portal_color_background_invariable--hover, #F1F2F3)", + "normal": "var(--vkui--portal_color_background_invariable, #F0F1F3)", + }, + "portalColorOverlayPrimaryAlpha": { + "active": "var(--vkui--portal_color_overlay_primary_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--portal_color_overlay_primary_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--portal_color_overlay_primary_alpha, rgba(0, 0, 0, 0.48))", + }, + "portalColorPaletteLightBlue": { + "active": "var(--vkui--portal_color_palette_light_blue--active, #2E5384)", + "hover": "var(--vkui--portal_color_palette_light_blue--hover, #254B7E)", + "normal": "var(--vkui--portal_color_palette_light_blue, #1C4479)", + }, + "portalColorPaletteSweetBlue": { + "active": "var(--vkui--portal_color_palette_sweet_blue--active, #2E5384)", + "hover": "var(--vkui--portal_color_palette_sweet_blue--hover, #254B7E)", + "normal": "var(--vkui--portal_color_palette_sweet_blue, #1C4479)", + }, + "portalColorPaletteSweetGreen": { + "active": "var(--vkui--portal_color_palette_sweet_green--active, #1C8679)", + "hover": "var(--vkui--portal_color_palette_sweet_green--hover, #128173)", + "normal": "var(--vkui--portal_color_palette_sweet_green, #087C6D)", + }, + "portalColorPaletteSweetOrange": { + "active": "var(--vkui--portal_color_palette_sweet_orange--active, #83563B)", + "hover": "var(--vkui--portal_color_palette_sweet_orange--hover, #7D4E33)", + "normal": "var(--vkui--portal_color_palette_sweet_orange, #78472A)", + }, + "portalColorPaletteSweetPurple": { + "active": "var(--vkui--portal_color_palette_sweet_purple--active, #7E5FA7)", + "hover": "var(--vkui--portal_color_palette_sweet_purple--hover, #7958A3)", + "normal": "var(--vkui--portal_color_palette_sweet_purple, #73519F)", + }, + "portalColorTextBlueAccentThemed": { + "active": "var(--vkui--portal_color_text_blue_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--portal_color_text_blue_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--portal_color_text_blue_accent_themed, #FFFFFF)", + }, + "portalColorTextGreenAccentThemed": { + "active": "var(--vkui--portal_color_text_green_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--portal_color_text_green_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--portal_color_text_green_accent_themed, #FFFFFF)", + }, + "portalColorTextLinkVisitedAlternative": { + "active": "var(--vkui--portal_color_text_link_visited_alternative--active, #B174B1)", + "hover": "var(--vkui--portal_color_text_link_visited_alternative--hover, #AD6EAD)", + "normal": "var(--vkui--portal_color_text_link_visited_alternative, #AA68AA)", + }, + "portalColorTextOrangeAccentThemed": { + "active": "var(--vkui--portal_color_text_orange_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--portal_color_text_orange_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--portal_color_text_orange_accent_themed, #FFFFFF)", + }, + "portalColorTextPurpleAccentThemed": { + "active": "var(--vkui--portal_color_text_purple_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--portal_color_text_purple_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--portal_color_text_purple_accent_themed, #FFFFFF)", + }, + "portalElevation1": "var(--vkui--portal_elevation1, 0px 6px 20px 0px rgba(0, 16, 61, 0.07))", + "portalElevation2": "var(--vkui--portal_elevation2, 0px 10px 24px 0px rgba(0, 16, 61, 0.11))", + "portalElevation3": "var(--vkui--portal_elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "portalGradientBackground": "var(--vkui--portal_gradient_background, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundAccent": "var(--vkui--portal_gradient_background_accent, linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundActive": "var(--vkui--portal_gradient_background_active, background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundCard": "var(--vkui--portal_gradient_background_card, linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundCardActive": "var(--vkui--portal_gradient_background_card_active, background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundCardHover": "var(--vkui--portal_gradient_background_card_hover, linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundContent": "var(--vkui--portal_gradient_background_content, linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundHover": "var(--vkui--portal_gradient_background_hover, linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundModal": "var(--vkui--portal_gradient_background_modal, linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundModalActive": "var(--vkui--portal_gradient_background_modal_active, linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundModalHover": "var(--vkui--portal_gradient_background_modal_hover, linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundSecondary": "var(--vkui--portal_gradient_background_secondary, linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "portalGradientBackgroundTertiary": "var(--vkui--portal_gradient_background_tertiary, linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)))", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + "sizeButtonPaddingHorizontal": { + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", + }, + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", + }, + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", + }, + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", + }, + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", + }, + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", + }, + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, + "sizeIllustrationXXL": { + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", + }, + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", + }, + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", + }, + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", + }, + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", + }, + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", + }, + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", + }, + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", + }, + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, portalUIDark)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentCyan": { + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", + }, + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorAccentLime": { + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", + }, + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", + }, + "colorAccentPurple": { + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", + }, + "colorAccentRed": { + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", + }, + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "colorBackgroundAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundInfoTint": { + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", + }, + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTint": { + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundSecondary": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, + "colorBackgroundTertiary": { + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", + }, + "colorBackgroundWarning": { + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", + }, + "colorBackgroundWarningTint": { + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorButtonContrast": { + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "colorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorIconAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", + }, + "colorIconContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", + }, + "colorIconMediumAlpha": { + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", + }, + "colorIconTertiary": { + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", + }, + "colorIconWarning": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", + }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", + }, + "colorSeparatorPrimary2x": { + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", + }, + "colorSeparatorPrimary3x": { + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorSeparatorSecondary": { + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", + }, + "colorSkeletonFrom": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorSkeletonTo": { + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", + }, + "colorStrokeAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorStrokePositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, + "colorTextAccent": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextLink": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", + }, + "colorTextLinkVisited": { + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorTextPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "colorTextSubhead": { + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", + }, + "colorTextTertiary": { + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", + }, + "colorTooltipTextBlueThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextGreenThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextOrangeThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextPurpleThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTrackBackground": { + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", + }, + "colorTrackBuffer": { + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorWriteBarInputBackground": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", + }, + }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, + }, + }, + "fontH1": { + "compact": { + "fontSize": 32, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "portalColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "portalColorBackgroundAccent": { + "active": "#273856", + "hover": "#1D304E", + "normal": "#142747", + }, + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", + }, + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "portalColorBackgroundCard": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "portalColorBackgroundDark": { + "active": "#4C4C4D", + "hover": "#3B3B3C", + "normal": "#2A2A2B", + }, + "portalColorBackgroundInvariable": { + "active": "#F1F2F4", + "hover": "#F1F2F3", + "normal": "#F0F1F3", + }, + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "portalColorPaletteLightBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", + }, + "portalColorPaletteSweetBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", + }, + "portalColorPaletteSweetGreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", + }, + "portalColorPaletteSweetOrange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", + }, + "portalColorPaletteSweetPurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", + }, + "portalColorTextBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalColorTextGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalColorTextLinkVisitedAlternative": { + "active": "#B174B1", + "hover": "#AD6EAD", + "normal": "#AA68AA", + }, + "portalColorTextOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalColorTextPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "portalElevation1": "0px 6px 20px 0px rgba(0, 16, 61, 0.07)", + "portalElevation2": "0px 10px 24px 0px rgba(0, 16, 61, 0.11)", + "portalElevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "portalGradientBackground": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundAccent": "linear-gradient(90deg, rgba(20, 39, 71, 0) 0%, #142747 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundActive": "background: linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundCard": "linear-gradient(90deg, rgba(42, 42, 43, 0) 0%, #2A2A2B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundCardActive": "background: linear-gradient(90deg, rgba(59, 59, 60, 0) 0%, #3B3B3C 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundCardHover": "linear-gradient(90deg, rgba(50, 50, 51, 0) 0%, #323233 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundContent": "linear-gradient(90deg, rgba(35, 35, 36, 0) 0%, #232324 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundHover": "linear-gradient(90deg, rgba(34, 34, 35, 0) 0%, #222223 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundModal": "linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundModalActive": "linear-gradient(90deg, rgba(64, 64, 64, 0) 0%, #404040 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundModalHover": "linear-gradient(90deg, rgba(56, 56, 56, 0) 0%, #383838 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundSecondary": "linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "portalGradientBackgroundTertiary": "linear-gradient(90deg, rgba(37, 37, 37, 0) 0%, #252525 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))", + "sizeArrow": { + "regular": 8, + }, + "sizeArrowHeight": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, + }, + "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 16, + }, + "sizeCardgridPadding": { + "regular": 12, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalMargin": { + "regular": 20, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "regular": 228, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, + }, + "sizePopupHeaderPadding": { + "compact": 24, + "regular": 16, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTabMargin": { + "regular": 8, + }, + "sizeTabPadding": { + "regular": 16, + }, + "sizeTableHorizontalPadding": { + "regular": 16, + }, + "sizeTableVerticalPadding": { + "regular": 16, + }, + "sizeTagMargin": { + "regular": 8, + }, + "sizeTagPadding": { + "regular": 8, + }, + "sizeTipMargin": { + "regular": 4, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "sizeVerticalPadding": { + "regular": 0, + }, + "sizeWysiwygIcon": { + "regular": 14, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "portalUIDark", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots promo theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "breakpoints": { + "desktopL": { + "adaptiveValue": "largeX", + "breakpoint": 1600, + }, + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "regular", + "breakpoint": 1000, + }, + "desktopXL": { + "adaptiveValue": "largeXX", + "breakpoint": 2200, + }, + "tablet": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "compactX", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, + }, + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED033A)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + }, + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, + }, + "colorBackgroundAccentTintThemed": { + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #FFFFFF)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #303030)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, + }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, + }, + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + }, + }, + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, + }, + "colorBackgroundPositiveTintThemed": { + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", + }, + }, + "colorBackgroundWarningTint": { + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", + }, + }, + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, + }, + "colorBackgroundWarningTintThemed": { + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, + }, + "colorButtonContrast": { + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", + }, + }, + "colorButtonContrastAlpha": { + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #0077ff)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #0077ff)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #0077ff)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ffffff)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #919399)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED033a)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FF9E00)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #DADCE0)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077ff)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED033a)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0070f0)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0070f0)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2C2D2E)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ED330a)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #2C2D2E)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #87898F)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #797A80)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + }, + "colorThumbErrorBackgroundAlpha": { + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + }, + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + }, + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, + }, + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + }, + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + }, + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + }, + "colorTooltipTextGreenThemed": { + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + }, + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, + }, + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #DADCE0)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 300)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 20px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + }, + "fontH1": { + "auto": { + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + "margin": { + "name": "--vkui--font_h1--margin", + "value": "var(--vkui--font_h1--margin)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 48px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--compact", + "value": "var(--vkui--font_h1--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 56px)", + }, + "margin": { + "name": "--vkui--font_h1--margin--compact", + "value": "var(--vkui--font_h1--margin--compact, 0 0 24px 0)", + }, + }, + "compactX": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact_x", + "value": "var(--vkui--font_h1--font_size--compact_x, 40px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--compact_x", + "value": "var(--vkui--font_h1--font_weight--compact_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact_x", + "value": "var(--vkui--font_h1--line_height--compact_x, 48px)", + }, + "margin": { + "name": "--vkui--font_h1--margin--compact_x", + "value": "var(--vkui--font_h1--margin--compact_x, 0 0 32px 0)", + }, + }, + "large": { + "fontSize": { + "name": "--vkui--font_h1--font_size--large", + "value": "var(--vkui--font_h1--font_size--large, 64px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--large", + "value": "var(--vkui--font_h1--font_weight--large, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--large", + "value": "var(--vkui--font_h1--line_height--large, 72px)", + }, + "margin": { + "name": "--vkui--font_h1--margin--large", + "value": "var(--vkui--font_h1--margin--large, 0 0 32px 0)", + }, + }, + "largeX": { + "fontSize": { + "name": "--vkui--font_h1--font_size--large_x", + "value": "var(--vkui--font_h1--font_size--large_x, 88px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--large_x", + "value": "var(--vkui--font_h1--font_weight--large_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--large_x", + "value": "var(--vkui--font_h1--line_height--large_x, 96px)", + }, + "margin": { + "name": "--vkui--font_h1--margin--large_x", + "value": "var(--vkui--font_h1--margin--large_x, 0 0 40px 0)", + }, + }, + "largeXX": { + "fontSize": { + "name": "--vkui--font_h1--font_size--large_x_x", + "value": "var(--vkui--font_h1--font_size--large_x_x, 88px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--large_x_x", + "value": "var(--vkui--font_h1--font_weight--large_x_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--large_x_x", + "value": "var(--vkui--font_h1--line_height--large_x_x, 96px)", + }, + "margin": { + "name": "--vkui--font_h1--margin--large_x_x", + "value": "var(--vkui--font_h1--margin--large_x_x, 0 0 40px 0)", + }, + }, + "regular": { + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 48px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 56px)", + }, + "margin": { + "name": "--vkui--font_h1--margin--regular", + "value": "var(--vkui--font_h1--margin--regular, 0 0 24px 0)", + }, + }, + }, + "fontH2": { + "auto": { + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + "margin": { + "name": "--vkui--font_h2--margin", + "value": "var(--vkui--font_h2--margin)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 32px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--compact", + "value": "var(--vkui--font_h2--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 40px)", + }, + "margin": { + "name": "--vkui--font_h2--margin--compact", + "value": "var(--vkui--font_h2--margin--compact, 0 0 28px 0)", + }, + }, + "compactX": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact_x", + "value": "var(--vkui--font_h2--font_size--compact_x, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--compact_x", + "value": "var(--vkui--font_h2--font_weight--compact_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact_x", + "value": "var(--vkui--font_h2--line_height--compact_x, 36px)", + }, + "margin": { + "name": "--vkui--font_h2--margin--compact_x", + "value": "var(--vkui--font_h2--margin--compact_x, 0 0 24px 0)", + }, + }, + "large": { + "fontSize": { + "name": "--vkui--font_h2--font_size--large", + "value": "var(--vkui--font_h2--font_size--large, 48px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--large", + "value": "var(--vkui--font_h2--font_weight--large, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--large", + "value": "var(--vkui--font_h2--line_height--large, 56px)", + }, + "margin": { + "name": "--vkui--font_h2--margin--large", + "value": "var(--vkui--font_h2--margin--large, 0 0 32px 0)", + }, + }, + "largeX": { + "fontSize": { + "name": "--vkui--font_h2--font_size--large_x", + "value": "var(--vkui--font_h2--font_size--large_x, 48px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--large_x", + "value": "var(--vkui--font_h2--font_weight--large_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--large_x", + "value": "var(--vkui--font_h2--line_height--large_x, 56px)", + }, + "margin": { + "name": "--vkui--font_h2--margin--large_x", + "value": "var(--vkui--font_h2--margin--large_x, 0 0 32px 0)", + }, + }, + "largeXX": { + "fontSize": { + "name": "--vkui--font_h2--font_size--large_x_x", + "value": "var(--vkui--font_h2--font_size--large_x_x, 64px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--large_x_x", + "value": "var(--vkui--font_h2--font_weight--large_x_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--large_x_x", + "value": "var(--vkui--font_h2--line_height--large_x_x, 72px)", + }, + "margin": { + "name": "--vkui--font_h2--margin--large_x_x", + "value": "var(--vkui--font_h2--margin--large_x_x, 0 0 40px 0)", + }, + }, + "regular": { + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 40px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 48px)", + }, + "margin": { + "name": "--vkui--font_h2--margin--regular", + "value": "var(--vkui--font_h2--margin--regular, 0 0 32px 0)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "regular": { + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 300)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 28px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + "margin": { + "name": "--vkui--font_title1--margin", + "value": "var(--vkui--font_title1--margin)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_title1--font_size--compact", + "value": "var(--vkui--font_title1--font_size--compact, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--compact", + "value": "var(--vkui--font_title1--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--compact", + "value": "var(--vkui--font_title1--line_height--compact, 28px)", + }, + "margin": { + "name": "--vkui--font_title1--margin--compact", + "value": "var(--vkui--font_title1--margin--compact, 0 0 24px 0)", + }, + }, + "compactX": { + "fontSize": { + "name": "--vkui--font_title1--font_size--compact_x", + "value": "var(--vkui--font_title1--font_size--compact_x, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--compact_x", + "value": "var(--vkui--font_title1--font_weight--compact_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--compact_x", + "value": "var(--vkui--font_title1--line_height--compact_x, 32px)", + }, + "margin": { + "name": "--vkui--font_title1--margin--compact_x", + "value": "var(--vkui--font_title1--margin--compact_x, 0 0 24px 0)", + }, + }, + "large": { + "fontSize": { + "name": "--vkui--font_title1--font_size--large", + "value": "var(--vkui--font_title1--font_size--large, 32px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--large", + "value": "var(--vkui--font_title1--font_weight--large, 400)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--large", + "value": "var(--vkui--font_title1--line_height--large, 40px)", + }, + "margin": { + "name": "--vkui--font_title1--margin--large", + "value": "var(--vkui--font_title1--margin--large, 0 0 24px 0)", + }, + }, + "largeX": { + "fontSize": { + "name": "--vkui--font_title1--font_size--large_x", + "value": "var(--vkui--font_title1--font_size--large_x, 32px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--large_x", + "value": "var(--vkui--font_title1--font_weight--large_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--large_x", + "value": "var(--vkui--font_title1--line_height--large_x, 40px)", + }, + "margin": { + "name": "--vkui--font_title1--margin--large_x", + "value": "var(--vkui--font_title1--margin--large_x, 0 0 24px 0)", + }, + }, + "largeXX": { + "fontSize": { + "name": "--vkui--font_title1--font_size--large_x_x", + "value": "var(--vkui--font_title1--font_size--large_x_x, 40px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--large_x_x", + "value": "var(--vkui--font_title1--font_weight--large_x_x, 400)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--large_x_x", + "value": "var(--vkui--font_title1--line_height--large_x_x, 48px)", + }, + "margin": { + "name": "--vkui--font_title1--margin--large_x_x", + "value": "var(--vkui--font_title1--margin--large_x_x, 0 0 32px 0)", + }, + }, + "regular": { + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 32px)", + }, + "margin": { + "name": "--vkui--font_title1--margin--regular", + "value": "var(--vkui--font_title1--margin--regular, 0 0 24px 0)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "fontWeightBold": { + "name": "--vkui--font_weight_bold", + "value": "var(--vkui--font_weight_bold, 500)", + }, + "fontWeightMedium": { + "name": "--vkui--font_weight_medium", + "value": "var(--vkui--font_weight_medium, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, + }, + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, + }, + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, + }, + "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)", + }, + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + }, + "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)", + }, + }, + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + }, + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + }, + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + }, + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + }, + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 48px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 52px)", + }, + "compactX": { + "name": "--vkui--size_button_medium_height--compact_x", + "value": "var(--vkui--size_button_medium_height--compact_x, 64px)", + }, + "large": { + "name": "--vkui--size_button_medium_height--large", + "value": "var(--vkui--size_button_medium_height--large, 64px)", + }, + "largeX": { + "name": "--vkui--size_button_medium_height--large_x", + "value": "var(--vkui--size_button_medium_height--large_x, 64px)", + }, + "largeXX": { + "name": "--vkui--size_button_medium_height--large_x_x", + "value": "var(--vkui--size_button_medium_height--large_x_x, 64px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 52px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 32px)", + }, + }, + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + }, + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + }, + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 40px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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, 16px)", + }, + }, + "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, 12px)", + }, + }, + "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)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, + }, + "sizeContentBlockHorizontalPadding": { + "auto": { + "name": "--vkui--size_content_block_horizontal_padding", + "value": "var(--vkui--size_content_block_horizontal_padding)", + }, + "compact": { + "name": "--vkui--size_content_block_horizontal_padding--compact", + "value": "var(--vkui--size_content_block_horizontal_padding--compact, 0px)", + }, + "compactX": { + "name": "--vkui--size_content_block_horizontal_padding--compact_x", + "value": "var(--vkui--size_content_block_horizontal_padding--compact_x, 20px)", + }, + "large": { + "name": "--vkui--size_content_block_horizontal_padding--large", + "value": "var(--vkui--size_content_block_horizontal_padding--large, 0px)", + }, + "largeX": { + "name": "--vkui--size_content_block_horizontal_padding--large_x", + "value": "var(--vkui--size_content_block_horizontal_padding--large_x, 0px)", + }, + "largeXX": { + "name": "--vkui--size_content_block_horizontal_padding--large_x_x", + "value": "var(--vkui--size_content_block_horizontal_padding--large_x_x, 0px)", + }, + "regular": { + "name": "--vkui--size_content_block_horizontal_padding--regular", + "value": "var(--vkui--size_content_block_horizontal_padding--regular, 0px)", + }, + }, + "sizeContentBlockVerticalPadding": { + "auto": { + "name": "--vkui--size_content_block_vertical_padding", + "value": "var(--vkui--size_content_block_vertical_padding)", + }, + "compact": { + "name": "--vkui--size_content_block_vertical_padding--compact", + "value": "var(--vkui--size_content_block_vertical_padding--compact, 56px)", + }, + "compactX": { + "name": "--vkui--size_content_block_vertical_padding--compact_x", + "value": "var(--vkui--size_content_block_vertical_padding--compact_x, 48px)", + }, + "large": { + "name": "--vkui--size_content_block_vertical_padding--large", + "value": "var(--vkui--size_content_block_vertical_padding--large, 72px)", + }, + "largeX": { + "name": "--vkui--size_content_block_vertical_padding--large_x", + "value": "var(--vkui--size_content_block_vertical_padding--large_x, 88px)", + }, + "largeXX": { + "name": "--vkui--size_content_block_vertical_padding--large_x_x", + "value": "var(--vkui--size_content_block_vertical_padding--large_x_x, 96px)", + }, + "regular": { + "name": "--vkui--size_content_block_vertical_padding--regular", + "value": "var(--vkui--size_content_block_vertical_padding--regular, 56px)", + }, + }, + "sizeContentBlockWidth": { + "auto": { + "name": "--vkui--size_content_block_width", + "value": "var(--vkui--size_content_block_width)", + }, + "compact": { + "name": "--vkui--size_content_block_width--compact", + "value": "var(--vkui--size_content_block_width--compact, 700px)", + }, + "compactX": { + "name": "--vkui--size_content_block_width--compact_x", + "value": "var(--vkui--size_content_block_width--compact_x, 100%)", + }, + "large": { + "name": "--vkui--size_content_block_width--large", + "value": "var(--vkui--size_content_block_width--large, 1220px)", + }, + "largeX": { + "name": "--vkui--size_content_block_width--large_x", + "value": "var(--vkui--size_content_block_width--large_x, 1260px)", + }, + "largeXX": { + "name": "--vkui--size_content_block_width--large_x_x", + "value": "var(--vkui--size_content_block_width--large_x_x, 1380px)", + }, + "regular": { + "name": "--vkui--size_content_block_width--regular", + "value": "var(--vkui--size_content_block_width--regular, 940px)", + }, + }, + "sizeControlButtonSmallWidthMin": { + "auto": { + "name": "--vkui--size_control_button_small_width_min", + "value": "var(--vkui--size_control_button_small_width_min)", + }, + "regular": { + "name": "--vkui--size_control_button_small_width_min--regular", + "value": "var(--vkui--size_control_button_small_width_min--regular, 160px)", + }, + }, + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 280px)", + }, + }, + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, + }, + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + }, + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + }, + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + }, + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, + }, + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", + }, + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", + }, + "sizeGridColumn1X2": { + "auto": { + "name": "--vkui--size_grid_column1_x2", + "value": "var(--vkui--size_grid_column1_x2)", + }, + "compact": { + "name": "--vkui--size_grid_column1_x2--compact", + "value": "var(--vkui--size_grid_column1_x2--compact, 320px)", + }, + "compactX": { + "name": "--vkui--size_grid_column1_x2--compact_x", + "value": "var(--vkui--size_grid_column1_x2--compact_x, 100%)", + }, + "large": { + "name": "--vkui--size_grid_column1_x2--large", + "value": "var(--vkui--size_grid_column1_x2--large, 560px)", + }, + "largeX": { + "name": "--vkui--size_grid_column1_x2--large_x", + "value": "var(--vkui--size_grid_column1_x2--large_x, 580px)", + }, + "largeXX": { + "name": "--vkui--size_grid_column1_x2--large_x_x", + "value": "var(--vkui--size_grid_column1_x2--large_x_x, 620px)", + }, + "regular": { + "name": "--vkui--size_grid_column1_x2--regular", + "value": "var(--vkui--size_grid_column1_x2--regular, 420px)", + }, + }, + "sizeGridColumn1X3": { + "auto": { + "name": "--vkui--size_grid_column1_x3", + "value": "var(--vkui--size_grid_column1_x3)", + }, + "compact": { + "name": "--vkui--size_grid_column1_x3--compact", + "value": "var(--vkui--size_grid_column1_x3--compact, 200px)", + }, + "compactX": { + "name": "--vkui--size_grid_column1_x3--compact_x", + "value": "var(--vkui--size_grid_column1_x3--compact_x, 100%)", + }, + "large": { + "name": "--vkui--size_grid_column1_x3--large", + "value": "var(--vkui--size_grid_column1_x3--large, 340px)", + }, + "largeX": { + "name": "--vkui--size_grid_column1_x3--large_x", + "value": "var(--vkui--size_grid_column1_x3--large_x, 380px)", + }, + "largeXX": { + "name": "--vkui--size_grid_column1_x3--large_x_x", + "value": "var(--vkui--size_grid_column1_x3--large_x_x, 380px)", + }, + "regular": { + "name": "--vkui--size_grid_column1_x3--regular", + "value": "var(--vkui--size_grid_column1_x3--regular, 260px)", + }, + }, + "sizeGridColumn2X3": { + "auto": { + "name": "--vkui--size_grid_column2_x3", + "value": "var(--vkui--size_grid_column2_x3)", + }, + "compact": { + "name": "--vkui--size_grid_column2_x3--compact", + "value": "var(--vkui--size_grid_column2_x3--compact, 450px)", + }, + "compactX": { + "name": "--vkui--size_grid_column2_x3--compact_x", + "value": "var(--vkui--size_grid_column2_x3--compact_x, 100%)", + }, + "large": { + "name": "--vkui--size_grid_column2_x3--large", + "value": "var(--vkui--size_grid_column2_x3--large, 780px)", + }, + "largeX": { + "name": "--vkui--size_grid_column2_x3--large_x", + "value": "var(--vkui--size_grid_column2_x3--large_x, 820px)", + }, + "largeXX": { + "name": "--vkui--size_grid_column2_x3--large_x_x", + "value": "var(--vkui--size_grid_column2_x3--large_x_x, 920px)", + }, + "regular": { + "name": "--vkui--size_grid_column2_x3--regular", + "value": "var(--vkui--size_grid_column2_x3--regular, 600px)", + }, + }, + "sizeGridColumnAsymmetricalLarge": { + "auto": { + "name": "--vkui--size_grid_column_asymmetrical_large", + "value": "var(--vkui--size_grid_column_asymmetrical_large)", + }, + "compact": { + "name": "--vkui--size_grid_column_asymmetrical_large--compact", + "value": "var(--vkui--size_grid_column_asymmetrical_large--compact, 380px)", + }, + "compactX": { + "name": "--vkui--size_grid_column_asymmetrical_large--compact_x", + "value": "var(--vkui--size_grid_column_asymmetrical_large--compact_x, 100%)", + }, + "large": { + "name": "--vkui--size_grid_column_asymmetrical_large--large", + "value": "var(--vkui--size_grid_column_asymmetrical_large--large, 560px)", + }, + "largeX": { + "name": "--vkui--size_grid_column_asymmetrical_large--large_x", + "value": "var(--vkui--size_grid_column_asymmetrical_large--large_x, 560px)", + }, + "largeXX": { + "name": "--vkui--size_grid_column_asymmetrical_large--large_x_x", + "value": "var(--vkui--size_grid_column_asymmetrical_large--large_x_x, 640px)", + }, + "regular": { + "name": "--vkui--size_grid_column_asymmetrical_large--regular", + "value": "var(--vkui--size_grid_column_asymmetrical_large--regular, 440px)", + }, + }, + "sizeGridColumnAsymmetricalSmall": { + "auto": { + "name": "--vkui--size_grid_column_asymmetrical_small", + "value": "var(--vkui--size_grid_column_asymmetrical_small)", + }, + "compact": { + "name": "--vkui--size_grid_column_asymmetrical_small--compact", + "value": "var(--vkui--size_grid_column_asymmetrical_small--compact, 260px)", + }, + "compactX": { + "name": "--vkui--size_grid_column_asymmetrical_small--compact_x", + "value": "var(--vkui--size_grid_column_asymmetrical_small--compact_x, 100%)", + }, + "large": { + "name": "--vkui--size_grid_column_asymmetrical_small--large", + "value": "var(--vkui--size_grid_column_asymmetrical_small--large, 500px)", + }, + "largeX": { + "name": "--vkui--size_grid_column_asymmetrical_small--large_x", + "value": "var(--vkui--size_grid_column_asymmetrical_small--large_x, 540px)", + }, + "largeXX": { + "name": "--vkui--size_grid_column_asymmetrical_small--large_x_x", + "value": "var(--vkui--size_grid_column_asymmetrical_small--large_x_x, 600px)", + }, + "regular": { + "name": "--vkui--size_grid_column_asymmetrical_small--regular", + "value": "var(--vkui--size_grid_column_asymmetrical_small--regular, 420px)", + }, + }, + "sizeHeaderHeightMin": { + "auto": { + "name": "--vkui--size_header_height_min", + "value": "var(--vkui--size_header_height_min)", + }, + "regular": { + "name": "--vkui--size_header_height_min--regular", + "value": "var(--vkui--size_header_height_min--regular, 90%)", + }, + }, + "sizeHeaderIcon": { + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", + }, + }, + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", + }, + }, + "sizeIconMorePadding": { + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "compact": { + "name": "--vkui--size_icon_u_i--compact", + "value": "var(--vkui--size_icon_u_i--compact, 20px)", + }, + "compactX": { + "name": "--vkui--size_icon_u_i--compact_x", + "value": "var(--vkui--size_icon_u_i--compact_x, 20px)", + }, + "large": { + "name": "--vkui--size_icon_u_i--large", + "value": "var(--vkui--size_icon_u_i--large, 24px)", + }, + "largeX": { + "name": "--vkui--size_icon_u_i--large_x", + "value": "var(--vkui--size_icon_u_i--large_x, 24px)", + }, + "largeXX": { + "name": "--vkui--size_icon_u_i--large_x_x", + "value": "var(--vkui--size_icon_u_i--large_x_x, 24px)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 20px)", + }, + }, + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", + }, + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", + }, + }, + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, + "compact": { + "name": "--vkui--size_illustration_m--compact", + "value": "var(--vkui--size_illustration_m--compact, 48px)", + }, + "compactX": { + "name": "--vkui--size_illustration_m--compact_x", + "value": "var(--vkui--size_illustration_m--compact_x, 96px)", + }, + "large": { + "name": "--vkui--size_illustration_m--large", + "value": "var(--vkui--size_illustration_m--large, 96px)", + }, + "largeX": { + "name": "--vkui--size_illustration_m--large_x", + "value": "var(--vkui--size_illustration_m--large_x, 96px)", + }, + "largeXX": { + "name": "--vkui--size_illustration_m--large_x_x", + "value": "var(--vkui--size_illustration_m--large_x_x, 96px)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 48px)", + }, + }, + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", + }, + }, + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", + }, + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, + }, + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, + "compact": { + "name": "--vkui--size_illustration_x_x_l--compact", + "value": "var(--vkui--size_illustration_x_x_l--compact, 280px)", + }, + "compactX": { + "name": "--vkui--size_illustration_x_x_l--compact_x", + "value": "var(--vkui--size_illustration_x_x_l--compact_x, 280px)", + }, + "large": { + "name": "--vkui--size_illustration_x_x_l--large", + "value": "var(--vkui--size_illustration_x_x_l--large, 380px)", + }, + "largeX": { + "name": "--vkui--size_illustration_x_x_l--large_x", + "value": "var(--vkui--size_illustration_x_x_l--large_x, 560px)", + }, + "largeXX": { + "name": "--vkui--size_illustration_x_x_l--large_x_x", + "value": "var(--vkui--size_illustration_x_x_l--large_x_x, 560px)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 360px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, + }, + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", + }, + }, + "sizeMarginIllustrationM": { + "auto": { + "name": "--vkui--size_margin_illustration_m", + "value": "var(--vkui--size_margin_illustration_m)", + }, + "compact": { + "name": "--vkui--size_margin_illustration_m--compact", + "value": "var(--vkui--size_margin_illustration_m--compact, 24px)", + }, + "compactX": { + "name": "--vkui--size_margin_illustration_m--compact_x", + "value": "var(--vkui--size_margin_illustration_m--compact_x, 32px)", + }, + "large": { + "name": "--vkui--size_margin_illustration_m--large", + "value": "var(--vkui--size_margin_illustration_m--large, 32px)", + }, + "largeX": { + "name": "--vkui--size_margin_illustration_m--large_x", + "value": "var(--vkui--size_margin_illustration_m--large_x, 32px)", + }, + "largeXX": { + "name": "--vkui--size_margin_illustration_m--large_x_x", + "value": "var(--vkui--size_margin_illustration_m--large_x_x, 32px)", + }, + "regular": { + "name": "--vkui--size_margin_illustration_m--regular", + "value": "var(--vkui--size_margin_illustration_m--regular, 24px)", + }, + }, + "sizeMarginIllustrationXXL": { + "auto": { + "name": "--vkui--size_margin_illustration_x_x_l", + "value": "var(--vkui--size_margin_illustration_x_x_l)", + }, + "compact": { + "name": "--vkui--size_margin_illustration_x_x_l--compact", + "value": "var(--vkui--size_margin_illustration_x_x_l--compact, 40px)", + }, + "compactX": { + "name": "--vkui--size_margin_illustration_x_x_l--compact_x", + "value": "var(--vkui--size_margin_illustration_x_x_l--compact_x, 40px)", + }, + "large": { + "name": "--vkui--size_margin_illustration_x_x_l--large", + "value": "var(--vkui--size_margin_illustration_x_x_l--large, 100px)", + }, + "largeX": { + "name": "--vkui--size_margin_illustration_x_x_l--large_x", + "value": "var(--vkui--size_margin_illustration_x_x_l--large_x, 100px)", + }, + "largeXX": { + "name": "--vkui--size_margin_illustration_x_x_l--large_x_x", + "value": "var(--vkui--size_margin_illustration_x_x_l--large_x_x, 140px)", + }, + "regular": { + "name": "--vkui--size_margin_illustration_x_x_l--regular", + "value": "var(--vkui--size_margin_illustration_x_x_l--regular, 60px)", + }, + }, + "sizeMarginL": { + "auto": { + "name": "--vkui--size_margin_l", + "value": "var(--vkui--size_margin_l)", + }, + "compact": { + "name": "--vkui--size_margin_l--compact", + "value": "var(--vkui--size_margin_l--compact, 32px)", + }, + "compactX": { + "name": "--vkui--size_margin_l--compact_x", + "value": "var(--vkui--size_margin_l--compact_x, 32px)", + }, + "large": { + "name": "--vkui--size_margin_l--large", + "value": "var(--vkui--size_margin_l--large, 40px)", + }, + "largeX": { + "name": "--vkui--size_margin_l--large_x", + "value": "var(--vkui--size_margin_l--large_x, 48px)", + }, + "largeXX": { + "name": "--vkui--size_margin_l--large_x_x", + "value": "var(--vkui--size_margin_l--large_x_x, 48px)", + }, + "regular": { + "name": "--vkui--size_margin_l--regular", + "value": "var(--vkui--size_margin_l--regular, 32px)", + }, + }, + "sizeMarginM": { + "auto": { + "name": "--vkui--size_margin_m", + "value": "var(--vkui--size_margin_m)", + }, + "compact": { + "name": "--vkui--size_margin_m--compact", + "value": "var(--vkui--size_margin_m--compact, 24px)", + }, + "compactX": { + "name": "--vkui--size_margin_m--compact_x", + "value": "var(--vkui--size_margin_m--compact_x, 24px)", + }, + "large": { + "name": "--vkui--size_margin_m--large", + "value": "var(--vkui--size_margin_m--large, 32px)", + }, + "largeX": { + "name": "--vkui--size_margin_m--large_x", + "value": "var(--vkui--size_margin_m--large_x, 40px)", + }, + "largeXX": { + "name": "--vkui--size_margin_m--large_x_x", + "value": "var(--vkui--size_margin_m--large_x_x, 40px)", + }, + "regular": { + "name": "--vkui--size_margin_m--regular", + "value": "var(--vkui--size_margin_m--regular, 24px)", + }, + }, + "sizeMarginS": { + "auto": { + "name": "--vkui--size_margin_s", + "value": "var(--vkui--size_margin_s)", + }, + "compact": { + "name": "--vkui--size_margin_s--compact", + "value": "var(--vkui--size_margin_s--compact, 16px)", + }, + "compactX": { + "name": "--vkui--size_margin_s--compact_x", + "value": "var(--vkui--size_margin_s--compact_x, 16px)", + }, + "large": { + "name": "--vkui--size_margin_s--large", + "value": "var(--vkui--size_margin_s--large, 24px)", + }, + "largeX": { + "name": "--vkui--size_margin_s--large_x", + "value": "var(--vkui--size_margin_s--large_x, 32px)", + }, + "largeXX": { + "name": "--vkui--size_margin_s--large_x_x", + "value": "var(--vkui--size_margin_s--large_x_x, 32px)", + }, + "regular": { + "name": "--vkui--size_margin_s--regular", + "value": "var(--vkui--size_margin_s--regular, 20px)", + }, + }, + "sizeMarginXS": { + "auto": { + "name": "--vkui--size_margin_x_s", + "value": "var(--vkui--size_margin_x_s)", + }, + "compact": { + "name": "--vkui--size_margin_x_s--compact", + "value": "var(--vkui--size_margin_x_s--compact, 12px)", + }, + "compactX": { + "name": "--vkui--size_margin_x_s--compact_x", + "value": "var(--vkui--size_margin_x_s--compact_x, 12px)", + }, + "large": { + "name": "--vkui--size_margin_x_s--large", + "value": "var(--vkui--size_margin_x_s--large, 16px)", + }, + "largeX": { + "name": "--vkui--size_margin_x_s--large_x", + "value": "var(--vkui--size_margin_x_s--large_x, 16px)", + }, + "largeXX": { + "name": "--vkui--size_margin_x_s--large_x_x", + "value": "var(--vkui--size_margin_x_s--large_x_x, 16px)", + }, + "regular": { + "name": "--vkui--size_margin_x_s--regular", + "value": "var(--vkui--size_margin_x_s--regular, 12px)", + }, + }, + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", + }, + }, + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, + }, + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, + }, + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + }, + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + }, + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + }, + "sizeSliceTopPadding": { + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, + }, + "sizeTabMargin": { + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", + }, + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", + }, + }, + "sizeTabPadding": { + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", + }, + }, + "sizeTableHorizontalPadding": { + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, + }, + "sizeTableVerticalPadding": { + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, + }, + "sizeTagMargin": { + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", + }, + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", + }, + }, + "sizeTagPadding": { + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", + }, + }, + "sizeTipMargin": { + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", + }, + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "sizeVerticalPadding": { + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + }, + "sizeWysiwygIcon": { + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, promo)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, promo)", + }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", + }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", + }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", + }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", + }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", + }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", + }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", + }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", + }, + "widthDesktopL": { + "name": "--vkui--width_desktop_l", + "value": "var(--vkui--width_desktop_l, "(min-width: 1600px) and (max-width: 2199px)")", + }, + "widthDesktopM": { + "name": "--vkui--width_desktop_m", + "value": "var(--vkui--width_desktop_m, "(min-width: 1300px) and (max-width: 1599px)")", + }, + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 1000px) and (max-width: 1299px)")", + }, + "widthDesktopXL": { + "name": "--vkui--width_desktop_x_l", + "value": "var(--vkui--width_desktop_x_l, "(min-width: 2200px)")", + }, + "widthFromDesktopL": { + "name": "--vkui--width_from_desktop_l", + "value": "var(--vkui--width_from_desktop_l, "(min-width: 1600px)")", + }, + "widthFromDesktopM": { + "name": "--vkui--width_from_desktop_m", + "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", + }, + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 1000px)")", + }, + "widthFromDesktopXL": { + "name": "--vkui--width_from_desktop_x_l", + "value": "var(--vkui--width_from_desktop_x_l, "(min-width: 2200px)")", + }, + "widthFromTablet": { + "name": "--vkui--width_from_tablet", + "value": "var(--vkui--width_from_tablet, "(min-width: 768px)")", + }, + "widthTablet": { + "name": "--vkui--width_tablet", + "value": "var(--vkui--width_tablet, "(min-width: 768px) and (max-width: 999px)")", + }, + "widthToDesktopL": { + "name": "--vkui--width_to_desktop_l", + "value": "var(--vkui--width_to_desktop_l, "(max-width: 2199px)")", + }, + "widthToDesktopM": { + "name": "--vkui--width_to_desktop_m", + "value": "var(--vkui--width_to_desktop_m, "(max-width: 1599px)")", + }, + "widthToDesktopS": { + "name": "--vkui--width_to_desktop_s", + "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", + }, + "widthToTablet": { + "name": "--vkui--width_to_tablet", + "value": "var(--vkui--width_to_tablet, "(max-width: 999px)")", + }, + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", + }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", + }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", + }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", + }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", + }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", + }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", + }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", + }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", + }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", + }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", + }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", + }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", + }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", + }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", + }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopL": { + "adaptiveValue": "largeX", + "breakpoint": 1600, + }, + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "regular", + "breakpoint": 1000, + }, + "desktopXL": { + "adaptiveValue": "largeXX", + "breakpoint": 2200, + }, + "tablet": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "compactX", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentCyan": { + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", + }, + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorAccentLime": { + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", + }, + "colorAccentOrange": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", + }, + "colorAccentPurple": { + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", + }, + "colorAccentRed": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", + }, + "colorAccentSecondary": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "colorBackgroundNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", + }, + "colorBackgroundNegativeTint": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTint": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundSecondary": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, + "colorBackgroundTertiary": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundWarning": { + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTint": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorButtonContrast": { + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", + }, + "colorButtonIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonStroke": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorFieldBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconMedium": { + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", + }, + "colorIconMediumAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "colorIconNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", + }, + "colorIconTertiary": { + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", + }, + "colorIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorSeparatorPrimary2x": { + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSkeletonFrom": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "colorSkeletonTo": { + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", + }, + "colorStrokeAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorStrokePositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, + "colorTextAccent": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextLink": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", + }, + "colorTextLinkVisited": { + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "colorTextPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "colorTextSubhead": { + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", + }, + "colorTextTertiary": { + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", + }, + "colorTrackBackground": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorTrackBuffer": { + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorWriteBarInputBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "lineHeight": "22px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", + }, + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontSize": "14px", + "fontWeight": 300, + "lineHeight": "20px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, + }, + "fontH0": { + "compact": { + "fontSize": "44px", + "lineHeight": "52px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontH1": { + "compact": { + "fontSize": "48px", + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 24px 0", + }, + "compactX": { + "fontSize": "40px", + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", + }, + "large": { + "fontSize": "64px", + "fontWeight": 400, + "lineHeight": "72px", + "margin": "0 0 32px 0", + }, + "largeX": { + "fontSize": "88px", + "fontWeight": 400, + "lineHeight": "96px", + "margin": "0 0 40px 0", + }, + "largeXX": { + "fontSize": "88px", + "fontWeight": 400, + "lineHeight": "96px", + "margin": "0 0 40px 0", + }, + "regular": { + "fontSize": "48px", + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 24px 0", + }, + }, + "fontH2": { + "compact": { + "fontSize": "32px", + "fontWeight": 400, + "lineHeight": "40px", + "margin": "0 0 28px 0", + }, + "compactX": { + "fontSize": "28px", + "fontWeight": 400, + "lineHeight": "36px", + "margin": "0 0 24px 0", + }, + "large": { + "fontSize": "48px", + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 32px 0", + }, + "largeX": { + "fontSize": "48px", + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 32px 0", + }, + "largeXX": { + "fontSize": "64px", + "fontWeight": 400, + "lineHeight": "72px", + "margin": "0 0 40px 0", + }, + "regular": { + "fontSize": "40px", + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "regular": { + "fontSize": "18px", + "fontWeight": 300, + "lineHeight": "28px", + }, + }, + "fontTitle1": { + "compact": { + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "28px", + "margin": "0 0 24px 0", + }, + "compactX": { + "fontSize": "24px", + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", + }, + "large": { + "fontSize": "32px", + "fontWeight": 400, + "lineHeight": "40px", + "margin": "0 0 24px 0", + }, + "largeX": { + "fontSize": "32px", + "fontWeight": 400, + "lineHeight": "40px", + "margin": "0 0 24px 0", + }, + "largeXX": { + "fontSize": "40px", + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", + }, + "regular": { + "fontSize": "24px", + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "fontWeightBold": 500, + "fontWeightMedium": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowHeight": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, + "sizeAvatarL": { + "regular": "96px", + }, + "sizeAvatarM": { + "regular": "48px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadgeL": { + "regular": "44px", + }, + "sizeBadgeM": { + "regular": "24px", + }, + "sizeBadgeS": { + "regular": "16px", + }, + "sizeBadgeXL": { + "regular": "56px", + }, + "sizeBadgeXS": { + "regular": "12px", + }, + "sizeBase": "4px", + "sizeBaseMargin": { + "regular": "12px", + }, + "sizeBasePadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "sizeBorderWidthAccent": { + "regular": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonGroupGapMedium": { + "regular": "12px", + }, + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", + }, + "sizeButtonIconPadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeButtonLargeHeight": { + "regular": "48px", + }, + "sizeButtonMediumHeight": { + "compact": "52px", + "compactX": "64px", + "large": "64px", + "largeX": "64px", + "largeXX": "64px", + "regular": "52px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonMorePadding": { + "regular": "8px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "32px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { + "regular": "12px", + }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, + "sizeButtonSmallHeight": { + "regular": "40px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "16px", + }, + "sizeCardgridPadding": { + "regular": "12px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeChoiceMargin": { + "regular": "8px", + }, + "sizeContentBlockHorizontalPadding": { + "compact": "0px", + "compactX": "20px", + "large": "0px", + "largeX": "0px", + "largeXX": "0px", + "regular": "0px", + }, + "sizeContentBlockVerticalPadding": { + "compact": "56px", + "compactX": "48px", + "large": "72px", + "largeX": "88px", + "largeXX": "96px", + "regular": "56px", + }, + "sizeContentBlockWidth": { + "compact": "700px", + "compactX": "100%", + "large": "1220px", + "largeX": "1260px", + "largeXX": "1380px", + "regular": "940px", + }, + "sizeControlButtonSmallWidthMin": { + "regular": "160px", + }, + "sizeControlButtonWidthMin": { + "regular": "280px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalMargin": { + "regular": "20px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "regular": "24px", + }, + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeGrid": "20px", + "sizeGridColumn1X2": { + "compact": "320px", + "compactX": "100%", + "large": "560px", + "largeX": "580px", + "largeXX": "620px", + "regular": "420px", + }, + "sizeGridColumn1X3": { + "compact": "200px", + "compactX": "100%", + "large": "340px", + "largeX": "380px", + "largeXX": "380px", + "regular": "260px", + }, + "sizeGridColumn2X3": { + "compact": "450px", + "compactX": "100%", + "large": "780px", + "largeX": "820px", + "largeXX": "920px", + "regular": "600px", + }, + "sizeGridColumnAsymmetricalLarge": { + "compact": "380px", + "compactX": "100%", + "large": "560px", + "largeX": "560px", + "largeXX": "640px", + "regular": "440px", + }, + "sizeGridColumnAsymmetricalSmall": { + "compact": "260px", + "compactX": "100%", + "large": "500px", + "largeX": "540px", + "largeXX": "600px", + "regular": "420px", + }, + "sizeHeaderHeightMin": { + "regular": "90%", + }, + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconUI": { + "compact": "20px", + "compactX": "20px", + "large": "24px", + "largeX": "24px", + "largeXX": "24px", + "regular": "20px", + }, + "sizeIllustrationL": { + "regular": "144px", + }, + "sizeIllustrationM": { + "compact": "48px", + "compactX": "96px", + "large": "96px", + "largeX": "96px", + "largeXX": "96px", + "regular": "48px", + }, + "sizeIllustrationS": { + "regular": "48px", + }, + "sizeIllustrationXM": { + "regular": "72px", + }, + "sizeIllustrationXXL": { + "compact": "280px", + "compactX": "280px", + "large": "380px", + "largeX": "560px", + "largeXX": "560px", + "regular": "360px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeLabelVerticalMargin": { + "regular": "4px", + }, + "sizeLabelWidth": { + "regular": "184px", + }, + "sizeMarginIllustrationM": { + "compact": "24px", + "compactX": "32px", + "large": "32px", + "largeX": "32px", + "largeXX": "32px", + "regular": "24px", + }, + "sizeMarginIllustrationXXL": { + "compact": "40px", + "compactX": "40px", + "large": "100px", + "largeX": "100px", + "largeXX": "140px", + "regular": "60px", + }, + "sizeMarginL": { + "compact": "32px", + "compactX": "32px", + "large": "40px", + "largeX": "48px", + "largeXX": "48px", + "regular": "32px", + }, + "sizeMarginM": { + "compact": "24px", + "compactX": "24px", + "large": "32px", + "largeX": "40px", + "largeXX": "40px", + "regular": "24px", + }, + "sizeMarginS": { + "compact": "16px", + "compactX": "16px", + "large": "24px", + "largeX": "32px", + "largeXX": "32px", + "regular": "20px", + }, + "sizeMarginXS": { + "compact": "12px", + "compactX": "12px", + "large": "16px", + "largeX": "16px", + "largeXX": "16px", + "regular": "12px", + }, + "sizeMenuMargin": { + "regular": "2px", + }, + "sizeMenuPadding": { + "regular": "8px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "32px", + "regular": "20px", + }, + "sizePopupHeaderPadding": { + "compact": "24px", + "regular": "16px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { + "regular": "12px", + }, + "sizePromoButtonClose": { + "regular": "32px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "6px", + "regular": "7px", + }, + "sizeSliceBottomPadding": { + "regular": "60px", + }, + "sizeSliceTopPadding": { + "regular": "40px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTabMargin": { + "regular": "8px", + }, + "sizeTabPadding": { + "regular": "16px", + }, + "sizeTableHorizontalPadding": { + "regular": "16px", + }, + "sizeTableVerticalPadding": { + "regular": "16px", + }, + "sizeTagMargin": { + "regular": "8px", + }, + "sizeTagPadding": { + "regular": "8px", + }, + "sizeTipMargin": { + "regular": "4px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "sizeVerticalPadding": { + "regular": "0px", + }, + "sizeWysiwygIcon": { + "regular": "14px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "promo", + "themeNameBase": "promo", + "themeType": "pixelify", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopL": "(min-width: 1600px) and (max-width: 2199px)", + "widthDesktopM": "(min-width: 1300px) and (max-width: 1599px)", + "widthDesktopS": "(min-width: 1000px) and (max-width: 1299px)", + "widthDesktopXL": "(min-width: 2200px)", + "widthFromDesktopL": "(min-width: 1600px)", + "widthFromDesktopM": "(min-width: 1300px)", + "widthFromDesktopS": "(min-width: 1000px)", + "widthFromDesktopXL": "(min-width: 2200px)", + "widthFromTablet": "(min-width: 768px)", + "widthTablet": "(min-width: 768px) and (max-width: 999px)", + "widthToDesktopL": "(max-width: 2199px)", + "widthToDesktopM": "(max-width: 1599px)", + "widthToDesktopS": "(max-width: 1299px)", + "widthToTablet": "(max-width: 999px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "breakpoints": { + "desktopL": { + "adaptiveValue": "largeX", + "breakpoint": 1600, + }, + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "regular", + "breakpoint": 1000, + }, + "desktopXL": { + "adaptiveValue": "largeXX", + "breakpoint": 2200, + }, + "tablet": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "compactX", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", + }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", + }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "normal": "var(--vkui--color_accent_green, #0DC268)", + }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A9E971)", + "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #EB367F)", + "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundAccentTintAlpha": { + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, + "colorBackgroundAccentTintThemed": { + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_modal_inverse, #303030)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, + "colorBackgroundNegativeTintThemed": { + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_background_positive, #0DC268)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, + "colorBackgroundPositiveTintThemed": { + "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", + }, + "colorBackgroundWarningTint": { + "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint, #fffce0)", + }, + "colorBackgroundWarningTintAlpha": { + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorBackgroundWarningTintThemed": { + "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorButtonContrast": { + "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + }, + "colorButtonContrastAlpha": { + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #ffffff)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EB9305)", + "hover": "var(--vkui--color_icon_warning--hover, #F59802)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + "colorRating": { + "active": "var(--vkui--color_rating--active, #EBC405)", + "hover": "var(--vkui--color_rating--hover, #F5CC02)", + "normal": "var(--vkui--color_rating, #ffd400)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_text_positive, #0DC268)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + "colorTooltipBackgroundBlueTint": { + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + "colorTooltipBackgroundGreenTint": { + "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + "colorTooltipTextBlueThemed": { + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + "colorTooltipTextGreenThemed": { + "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + "colorTooltipTextOrangeThemed": { + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, + "colorTooltipTextPurpleThemed": { + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFootnote": { + "regular": { + "fontSize": "var(--vkui--font_footnote--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 300)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 20px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontH0": { + "compact": { + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 48px)", + "fontWeight": "var(--vkui--font_h1--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 56px)", + "margin": "var(--vkui--font_h1--margin--compact, 0 0 24px 0)", + }, + "compactX": { + "fontSize": "var(--vkui--font_h1--font_size--compact_x, 40px)", + "fontWeight": "var(--vkui--font_h1--font_weight--compact_x, 400)", + "lineHeight": "var(--vkui--font_h1--line_height--compact_x, 48px)", + "margin": "var(--vkui--font_h1--margin--compact_x, 0 0 32px 0)", + }, + "large": { + "fontSize": "var(--vkui--font_h1--font_size--large, 64px)", + "fontWeight": "var(--vkui--font_h1--font_weight--large, 400)", + "lineHeight": "var(--vkui--font_h1--line_height--large, 72px)", + "margin": "var(--vkui--font_h1--margin--large, 0 0 32px 0)", + }, + "largeX": { + "fontSize": "var(--vkui--font_h1--font_size--large_x, 88px)", + "fontWeight": "var(--vkui--font_h1--font_weight--large_x, 400)", + "lineHeight": "var(--vkui--font_h1--line_height--large_x, 96px)", + "margin": "var(--vkui--font_h1--margin--large_x, 0 0 40px 0)", + }, + "largeXX": { + "fontSize": "var(--vkui--font_h1--font_size--large_x_x, 88px)", + "fontWeight": "var(--vkui--font_h1--font_weight--large_x_x, 400)", + "lineHeight": "var(--vkui--font_h1--line_height--large_x_x, 96px)", + "margin": "var(--vkui--font_h1--margin--large_x_x, 0 0 40px 0)", + }, + "regular": { + "fontSize": "var(--vkui--font_h1--font_size--regular, 48px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 56px)", + "margin": "var(--vkui--font_h1--margin--regular, 0 0 24px 0)", + }, + }, + "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 32px)", + "fontWeight": "var(--vkui--font_h2--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 40px)", + "margin": "var(--vkui--font_h2--margin--compact, 0 0 28px 0)", + }, + "compactX": { + "fontSize": "var(--vkui--font_h2--font_size--compact_x, 28px)", + "fontWeight": "var(--vkui--font_h2--font_weight--compact_x, 400)", + "lineHeight": "var(--vkui--font_h2--line_height--compact_x, 36px)", + "margin": "var(--vkui--font_h2--margin--compact_x, 0 0 24px 0)", + }, + "large": { + "fontSize": "var(--vkui--font_h2--font_size--large, 48px)", + "fontWeight": "var(--vkui--font_h2--font_weight--large, 400)", + "lineHeight": "var(--vkui--font_h2--line_height--large, 56px)", + "margin": "var(--vkui--font_h2--margin--large, 0 0 32px 0)", + }, + "largeX": { + "fontSize": "var(--vkui--font_h2--font_size--large_x, 48px)", + "fontWeight": "var(--vkui--font_h2--font_weight--large_x, 400)", + "lineHeight": "var(--vkui--font_h2--line_height--large_x, 56px)", + "margin": "var(--vkui--font_h2--margin--large_x, 0 0 32px 0)", + }, + "largeXX": { + "fontSize": "var(--vkui--font_h2--font_size--large_x_x, 64px)", + "fontWeight": "var(--vkui--font_h2--font_weight--large_x_x, 400)", + "lineHeight": "var(--vkui--font_h2--line_height--large_x_x, 72px)", + "margin": "var(--vkui--font_h2--margin--large_x_x, 0 0 40px 0)", + }, + "regular": { + "fontSize": "var(--vkui--font_h2--font_size--regular, 40px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 48px)", + "margin": "var(--vkui--font_h2--margin--regular, 0 0 32px 0)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "regular": { + "fontSize": "var(--vkui--font_text--font_size--regular, 18px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 300)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 28px)", + }, + }, + "fontTitle1": { + "compact": { + "fontSize": "var(--vkui--font_title1--font_size--compact, 20px)", + "fontWeight": "var(--vkui--font_title1--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_title1--line_height--compact, 28px)", + "margin": "var(--vkui--font_title1--margin--compact, 0 0 24px 0)", + }, + "compactX": { + "fontSize": "var(--vkui--font_title1--font_size--compact_x, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--compact_x, 400)", + "lineHeight": "var(--vkui--font_title1--line_height--compact_x, 32px)", + "margin": "var(--vkui--font_title1--margin--compact_x, 0 0 24px 0)", + }, + "large": { + "fontSize": "var(--vkui--font_title1--font_size--large, 32px)", + "fontWeight": "var(--vkui--font_title1--font_weight--large, 400)", + "lineHeight": "var(--vkui--font_title1--line_height--large, 40px)", + "margin": "var(--vkui--font_title1--margin--large, 0 0 24px 0)", + }, + "largeX": { + "fontSize": "var(--vkui--font_title1--font_size--large_x, 32px)", + "fontWeight": "var(--vkui--font_title1--font_weight--large_x, 400)", + "lineHeight": "var(--vkui--font_title1--line_height--large_x, 40px)", + "margin": "var(--vkui--font_title1--margin--large_x, 0 0 24px 0)", + }, + "largeXX": { + "fontSize": "var(--vkui--font_title1--font_size--large_x_x, 40px)", + "fontWeight": "var(--vkui--font_title1--font_weight--large_x_x, 400)", + "lineHeight": "var(--vkui--font_title1--line_height--large_x_x, 48px)", + "margin": "var(--vkui--font_title1--margin--large_x_x, 0 0 32px 0)", + }, + "regular": { + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 32px)", + "margin": "var(--vkui--font_title1--margin--regular, 0 0 24px 0)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "fontWeightBold": "var(--vkui--font_weight_bold, 500)", + "fontWeightMedium": "var(--vkui--font_weight_medium, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + "sizeButtonLargeHeight": { + "regular": "var(--vkui--size_button_large_height--regular, 48px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 52px)", + "compactX": "var(--vkui--size_button_medium_height--compact_x, 64px)", + "large": "var(--vkui--size_button_medium_height--large, 64px)", + "largeX": "var(--vkui--size_button_medium_height--large_x, 64px)", + "largeXX": "var(--vkui--size_button_medium_height--large_x_x, 64px)", + "regular": "var(--vkui--size_button_medium_height--regular, 52px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 32px)", + }, + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + "sizeButtonSmallHeight": { + "regular": "var(--vkui--size_button_small_height--regular, 40px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", + }, + "sizeContentBlockHorizontalPadding": { + "compact": "var(--vkui--size_content_block_horizontal_padding--compact, 0px)", + "compactX": "var(--vkui--size_content_block_horizontal_padding--compact_x, 20px)", + "large": "var(--vkui--size_content_block_horizontal_padding--large, 0px)", + "largeX": "var(--vkui--size_content_block_horizontal_padding--large_x, 0px)", + "largeXX": "var(--vkui--size_content_block_horizontal_padding--large_x_x, 0px)", + "regular": "var(--vkui--size_content_block_horizontal_padding--regular, 0px)", + }, + "sizeContentBlockVerticalPadding": { + "compact": "var(--vkui--size_content_block_vertical_padding--compact, 56px)", + "compactX": "var(--vkui--size_content_block_vertical_padding--compact_x, 48px)", + "large": "var(--vkui--size_content_block_vertical_padding--large, 72px)", + "largeX": "var(--vkui--size_content_block_vertical_padding--large_x, 88px)", + "largeXX": "var(--vkui--size_content_block_vertical_padding--large_x_x, 96px)", + "regular": "var(--vkui--size_content_block_vertical_padding--regular, 56px)", + }, + "sizeContentBlockWidth": { + "compact": "var(--vkui--size_content_block_width--compact, 700px)", + "compactX": "var(--vkui--size_content_block_width--compact_x, 100%)", + "large": "var(--vkui--size_content_block_width--large, 1220px)", + "largeX": "var(--vkui--size_content_block_width--large_x, 1260px)", + "largeXX": "var(--vkui--size_content_block_width--large_x_x, 1380px)", + "regular": "var(--vkui--size_content_block_width--regular, 940px)", + }, + "sizeControlButtonSmallWidthMin": { + "regular": "var(--vkui--size_control_button_small_width_min--regular, 160px)", + }, + "sizeControlButtonWidthMin": { + "regular": "var(--vkui--size_control_button_width_min--regular, 280px)", + }, + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", + }, + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeGridColumn1X2": { + "compact": "var(--vkui--size_grid_column1_x2--compact, 320px)", + "compactX": "var(--vkui--size_grid_column1_x2--compact_x, 100%)", + "large": "var(--vkui--size_grid_column1_x2--large, 560px)", + "largeX": "var(--vkui--size_grid_column1_x2--large_x, 580px)", + "largeXX": "var(--vkui--size_grid_column1_x2--large_x_x, 620px)", + "regular": "var(--vkui--size_grid_column1_x2--regular, 420px)", + }, + "sizeGridColumn1X3": { + "compact": "var(--vkui--size_grid_column1_x3--compact, 200px)", + "compactX": "var(--vkui--size_grid_column1_x3--compact_x, 100%)", + "large": "var(--vkui--size_grid_column1_x3--large, 340px)", + "largeX": "var(--vkui--size_grid_column1_x3--large_x, 380px)", + "largeXX": "var(--vkui--size_grid_column1_x3--large_x_x, 380px)", + "regular": "var(--vkui--size_grid_column1_x3--regular, 260px)", + }, + "sizeGridColumn2X3": { + "compact": "var(--vkui--size_grid_column2_x3--compact, 450px)", + "compactX": "var(--vkui--size_grid_column2_x3--compact_x, 100%)", + "large": "var(--vkui--size_grid_column2_x3--large, 780px)", + "largeX": "var(--vkui--size_grid_column2_x3--large_x, 820px)", + "largeXX": "var(--vkui--size_grid_column2_x3--large_x_x, 920px)", + "regular": "var(--vkui--size_grid_column2_x3--regular, 600px)", + }, + "sizeGridColumnAsymmetricalLarge": { + "compact": "var(--vkui--size_grid_column_asymmetrical_large--compact, 380px)", + "compactX": "var(--vkui--size_grid_column_asymmetrical_large--compact_x, 100%)", + "large": "var(--vkui--size_grid_column_asymmetrical_large--large, 560px)", + "largeX": "var(--vkui--size_grid_column_asymmetrical_large--large_x, 560px)", + "largeXX": "var(--vkui--size_grid_column_asymmetrical_large--large_x_x, 640px)", + "regular": "var(--vkui--size_grid_column_asymmetrical_large--regular, 440px)", + }, + "sizeGridColumnAsymmetricalSmall": { + "compact": "var(--vkui--size_grid_column_asymmetrical_small--compact, 260px)", + "compactX": "var(--vkui--size_grid_column_asymmetrical_small--compact_x, 100%)", + "large": "var(--vkui--size_grid_column_asymmetrical_small--large, 500px)", + "largeX": "var(--vkui--size_grid_column_asymmetrical_small--large_x, 540px)", + "largeXX": "var(--vkui--size_grid_column_asymmetrical_small--large_x_x, 600px)", + "regular": "var(--vkui--size_grid_column_asymmetrical_small--regular, 420px)", + }, + "sizeHeaderHeightMin": { + "regular": "var(--vkui--size_header_height_min--regular, 90%)", + }, + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", + }, + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + "sizeIconUI": { + "compact": "var(--vkui--size_icon_u_i--compact, 20px)", + "compactX": "var(--vkui--size_icon_u_i--compact_x, 20px)", + "large": "var(--vkui--size_icon_u_i--large, 24px)", + "largeX": "var(--vkui--size_icon_u_i--large_x, 24px)", + "largeXX": "var(--vkui--size_icon_u_i--large_x_x, 24px)", + "regular": "var(--vkui--size_icon_u_i--regular, 20px)", + }, + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", + }, + "sizeIllustrationM": { + "compact": "var(--vkui--size_illustration_m--compact, 48px)", + "compactX": "var(--vkui--size_illustration_m--compact_x, 96px)", + "large": "var(--vkui--size_illustration_m--large, 96px)", + "largeX": "var(--vkui--size_illustration_m--large_x, 96px)", + "largeXX": "var(--vkui--size_illustration_m--large_x_x, 96px)", + "regular": "var(--vkui--size_illustration_m--regular, 48px)", + }, + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", + }, + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, + "sizeIllustrationXXL": { + "compact": "var(--vkui--size_illustration_x_x_l--compact, 280px)", + "compactX": "var(--vkui--size_illustration_x_x_l--compact_x, 280px)", + "large": "var(--vkui--size_illustration_x_x_l--large, 380px)", + "largeX": "var(--vkui--size_illustration_x_x_l--large_x, 560px)", + "largeXX": "var(--vkui--size_illustration_x_x_l--large_x_x, 560px)", + "regular": "var(--vkui--size_illustration_x_x_l--regular, 360px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", + }, + "sizeMarginIllustrationM": { + "compact": "var(--vkui--size_margin_illustration_m--compact, 24px)", + "compactX": "var(--vkui--size_margin_illustration_m--compact_x, 32px)", + "large": "var(--vkui--size_margin_illustration_m--large, 32px)", + "largeX": "var(--vkui--size_margin_illustration_m--large_x, 32px)", + "largeXX": "var(--vkui--size_margin_illustration_m--large_x_x, 32px)", + "regular": "var(--vkui--size_margin_illustration_m--regular, 24px)", + }, + "sizeMarginIllustrationXXL": { + "compact": "var(--vkui--size_margin_illustration_x_x_l--compact, 40px)", + "compactX": "var(--vkui--size_margin_illustration_x_x_l--compact_x, 40px)", + "large": "var(--vkui--size_margin_illustration_x_x_l--large, 100px)", + "largeX": "var(--vkui--size_margin_illustration_x_x_l--large_x, 100px)", + "largeXX": "var(--vkui--size_margin_illustration_x_x_l--large_x_x, 140px)", + "regular": "var(--vkui--size_margin_illustration_x_x_l--regular, 60px)", + }, + "sizeMarginL": { + "compact": "var(--vkui--size_margin_l--compact, 32px)", + "compactX": "var(--vkui--size_margin_l--compact_x, 32px)", + "large": "var(--vkui--size_margin_l--large, 40px)", + "largeX": "var(--vkui--size_margin_l--large_x, 48px)", + "largeXX": "var(--vkui--size_margin_l--large_x_x, 48px)", + "regular": "var(--vkui--size_margin_l--regular, 32px)", + }, + "sizeMarginM": { + "compact": "var(--vkui--size_margin_m--compact, 24px)", + "compactX": "var(--vkui--size_margin_m--compact_x, 24px)", + "large": "var(--vkui--size_margin_m--large, 32px)", + "largeX": "var(--vkui--size_margin_m--large_x, 40px)", + "largeXX": "var(--vkui--size_margin_m--large_x_x, 40px)", + "regular": "var(--vkui--size_margin_m--regular, 24px)", + }, + "sizeMarginS": { + "compact": "var(--vkui--size_margin_s--compact, 16px)", + "compactX": "var(--vkui--size_margin_s--compact_x, 16px)", + "large": "var(--vkui--size_margin_s--large, 24px)", + "largeX": "var(--vkui--size_margin_s--large_x, 32px)", + "largeXX": "var(--vkui--size_margin_s--large_x_x, 32px)", + "regular": "var(--vkui--size_margin_s--regular, 20px)", + }, + "sizeMarginXS": { + "compact": "var(--vkui--size_margin_x_s--compact, 12px)", + "compactX": "var(--vkui--size_margin_x_s--compact_x, 12px)", + "large": "var(--vkui--size_margin_x_s--large, 16px)", + "largeX": "var(--vkui--size_margin_x_s--large_x, 16px)", + "largeXX": "var(--vkui--size_margin_x_s--large_x_x, 16px)", + "regular": "var(--vkui--size_margin_x_s--regular, 12px)", + }, + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", + }, + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", + }, + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", + }, + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", + }, + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", + }, + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", + }, + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", + }, + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, promo)", + "themeNameBase": "var(--vkui--theme_name_base, promo)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopL": "var(--vkui--width_desktop_l, "(min-width: 1600px) and (max-width: 2199px)")", + "widthDesktopM": "var(--vkui--width_desktop_m, "(min-width: 1300px) and (max-width: 1599px)")", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 1000px) and (max-width: 1299px)")", + "widthDesktopXL": "var(--vkui--width_desktop_x_l, "(min-width: 2200px)")", + "widthFromDesktopL": "var(--vkui--width_from_desktop_l, "(min-width: 1600px)")", + "widthFromDesktopM": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 1000px)")", + "widthFromDesktopXL": "var(--vkui--width_from_desktop_x_l, "(min-width: 2200px)")", + "widthFromTablet": "var(--vkui--width_from_tablet, "(min-width: 768px)")", + "widthTablet": "var(--vkui--width_tablet, "(min-width: 768px) and (max-width: 999px)")", + "widthToDesktopL": "var(--vkui--width_to_desktop_l, "(max-width: 2199px)")", + "widthToDesktopM": "var(--vkui--width_to_desktop_m, "(max-width: 1599px)")", + "widthToDesktopS": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", + "widthToTablet": "var(--vkui--width_to_tablet, "(max-width: 999px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots promo theme should match root theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopL": { + "adaptiveValue": "largeX", + "breakpoint": 1600, + }, + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "regular", + "breakpoint": 1000, + }, + "desktopXL": { + "adaptiveValue": "largeXX", + "breakpoint": 2200, + }, + "tablet": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "compactX", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentCyan": { + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", + }, + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorAccentLime": { + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", + }, + "colorAccentOrange": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", + }, + "colorAccentPurple": { + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", + }, + "colorAccentRed": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", + }, + "colorAccentSecondary": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "colorBackgroundNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", + }, + "colorBackgroundNegativeTint": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTint": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundSecondary": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, + "colorBackgroundTertiary": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundWarning": { + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTint": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorButtonContrast": { + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", + }, + "colorButtonIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonStroke": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorFieldBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconMedium": { + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", + }, + "colorIconMediumAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "colorIconNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", + }, + "colorIconTertiary": { + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", + }, + "colorIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorSeparatorPrimary2x": { + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSkeletonFrom": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "colorSkeletonTo": { + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", + }, + "colorStrokeAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorStrokePositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, + "colorTextAccent": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextLink": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", + }, + "colorTextLinkVisited": { + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "colorTextPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "colorTextSubhead": { + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", + }, + "colorTextTertiary": { + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", + }, + "colorTrackBackground": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorTrackBuffer": { + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorWriteBarInputBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontSize": 14, + "fontWeight": 300, + "lineHeight": "20px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", + }, + }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, + }, + }, + "fontH1": { + "compact": { + "fontSize": 48, + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 24px 0", + }, + "compactX": { + "fontSize": 40, + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", + }, + "large": { + "fontSize": 64, + "fontWeight": 400, + "lineHeight": "72px", + "margin": "0 0 32px 0", + }, + "largeX": { + "fontSize": 88, + "fontWeight": 400, + "lineHeight": "96px", + "margin": "0 0 40px 0", + }, + "largeXX": { + "fontSize": 88, + "fontWeight": 400, + "lineHeight": "96px", + "margin": "0 0 40px 0", + }, + "regular": { + "fontSize": 48, + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 24px 0", + }, + }, + "fontH2": { + "compact": { + "fontSize": 32, + "fontWeight": 400, + "lineHeight": "40px", + "margin": "0 0 28px 0", + }, + "compactX": { + "fontSize": 28, + "fontWeight": 400, + "lineHeight": "36px", + "margin": "0 0 24px 0", + }, + "large": { + "fontSize": 48, + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 32px 0", + }, + "largeX": { + "fontSize": 48, + "fontWeight": 400, + "lineHeight": "56px", + "margin": "0 0 32px 0", + }, + "largeXX": { + "fontSize": 64, + "fontWeight": 400, + "lineHeight": "72px", + "margin": "0 0 40px 0", + }, + "regular": { + "fontSize": 40, + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "regular": { + "fontSize": 18, + "fontWeight": 300, + "lineHeight": "28px", + }, + }, + "fontTitle1": { + "compact": { + "fontSize": 20, + "fontWeight": 400, + "lineHeight": "28px", + "margin": "0 0 24px 0", + }, + "compactX": { + "fontSize": 24, + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", + }, + "large": { + "fontSize": 32, + "fontWeight": 400, + "lineHeight": "40px", + "margin": "0 0 24px 0", + }, + "largeX": { + "fontSize": 32, + "fontWeight": 400, + "lineHeight": "40px", + "margin": "0 0 24px 0", + }, + "largeXX": { + "fontSize": 40, + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", + }, + "regular": { + "fontSize": 24, + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "fontWeightBold": 500, + "fontWeightMedium": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowHeight": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, + }, + "sizeButtonLargeHeight": { + "regular": 48, + }, + "sizeButtonMediumHeight": { + "compact": 52, + "compactX": 64, + "large": 64, + "largeX": 64, + "largeXX": 64, + "regular": 52, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, + }, + "sizeButtonPaddingHorizontal": { + "regular": 32, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, + "sizeButtonSmallHeight": { + "regular": 40, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 16, + }, + "sizeCardgridPadding": { + "regular": 12, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeContentBlockHorizontalPadding": { + "compact": 0, + "compactX": 20, + "large": 0, + "largeX": 0, + "largeXX": 0, + "regular": 0, + }, + "sizeContentBlockVerticalPadding": { + "compact": 56, + "compactX": 48, + "large": 72, + "largeX": 88, + "largeXX": 96, + "regular": 56, + }, + "sizeContentBlockWidth": { + "compact": 700, + "compactX": "100%", + "large": 1220, + "largeX": 1260, + "largeXX": 1380, + "regular": 940, + }, + "sizeControlButtonSmallWidthMin": { + "regular": 160, + }, + "sizeControlButtonWidthMin": { + "regular": 280, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalMargin": { + "regular": 20, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeGrid": 20, + "sizeGridColumn1X2": { + "compact": 320, + "compactX": "100%", + "large": 560, + "largeX": 580, + "largeXX": 620, + "regular": 420, + }, + "sizeGridColumn1X3": { + "compact": 200, + "compactX": "100%", + "large": 340, + "largeX": 380, + "largeXX": 380, + "regular": 260, + }, + "sizeGridColumn2X3": { + "compact": 450, + "compactX": "100%", + "large": 780, + "largeX": 820, + "largeXX": 920, + "regular": 600, + }, + "sizeGridColumnAsymmetricalLarge": { + "compact": 380, + "compactX": "100%", + "large": 560, + "largeX": 560, + "largeXX": 640, + "regular": 440, + }, + "sizeGridColumnAsymmetricalSmall": { + "compact": 260, + "compactX": "100%", + "large": 500, + "largeX": 540, + "largeXX": 600, + "regular": 420, + }, + "sizeHeaderHeightMin": { + "regular": "90%", + }, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, + "sizeIconUI": { + "compact": 20, + "compactX": 20, + "large": 24, + "largeX": 24, + "largeXX": 24, + "regular": 20, + }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "compact": 48, + "compactX": 96, + "large": 96, + "largeX": 96, + "largeXX": 96, + "regular": 48, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "compact": 280, + "compactX": 280, + "large": 380, + "largeX": 560, + "largeXX": 560, + "regular": 360, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMarginIllustrationM": { + "compact": 24, + "compactX": 32, + "large": 32, + "largeX": 32, + "largeXX": 32, + "regular": 24, + }, + "sizeMarginIllustrationXXL": { + "compact": 40, + "compactX": 40, + "large": 100, + "largeX": 100, + "largeXX": 140, + "regular": 60, + }, + "sizeMarginL": { + "compact": 32, + "compactX": 32, + "large": 40, + "largeX": 48, + "largeXX": 48, + "regular": 32, + }, + "sizeMarginM": { + "compact": 24, + "compactX": 24, + "large": 32, + "largeX": 40, + "largeXX": 40, + "regular": 24, + }, + "sizeMarginS": { + "compact": 16, + "compactX": 16, + "large": 24, + "largeX": 32, + "largeXX": 32, + "regular": 20, + }, + "sizeMarginXS": { + "compact": 12, + "compactX": 12, + "large": 16, + "largeX": 16, + "largeXX": 16, + "regular": 12, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, + }, + "sizePopupHeaderPadding": { + "compact": 24, + "regular": 16, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTabMargin": { + "regular": 8, + }, + "sizeTabPadding": { + "regular": 16, + }, + "sizeTableHorizontalPadding": { + "regular": 16, + }, + "sizeTableVerticalPadding": { + "regular": 16, + }, + "sizeTagMargin": { + "regular": 8, + }, + "sizeTagPadding": { + "regular": 8, + }, + "sizeTipMargin": { + "regular": 4, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "sizeVerticalPadding": { + "regular": 0, + }, + "sizeWysiwygIcon": { + "regular": 14, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "promo", + "themeNameBase": "promo", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopL": "(min-width: 1600px) and (max-width: 2199px)", + "widthDesktopM": "(min-width: 1300px) and (max-width: 1599px)", + "widthDesktopS": "(min-width: 1000px) and (max-width: 1299px)", + "widthDesktopXL": "(min-width: 2200px)", + "widthFromDesktopL": "(min-width: 1600px)", + "widthFromDesktopM": "(min-width: 1300px)", + "widthFromDesktopS": "(min-width: 1000px)", + "widthFromDesktopXL": "(min-width: 2200px)", + "widthFromTablet": "(min-width: 768px)", + "widthTablet": "(min-width: 768px) and (max-width: 999px)", + "widthToDesktopL": "(max-width: 2199px)", + "widthToDesktopM": "(max-width: 1599px)", + "widthToDesktopS": "(max-width: 1299px)", + "widthToTablet": "(max-width: 999px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED033A)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", + }, + }, + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #FFFFFF)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, + }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, + }, + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", + }, + }, + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #919399)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED033a)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #DADCE0)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077ff)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED033a)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0070f0)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0070f0)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2C2D2E)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ED330a)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #2C2D2E)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #87898F)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #797A80)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #DADCE0)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 4px 12px rgba(18, 25, 43, 0.12))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 20px rgba(18, 25, 43, 0.2))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Arial, sans-serif)", + }, + "fontFamilyMedia": { + "name": "--vkui--font_family_media", + "value": "var(--vkui--font_family_media, Georgia, serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 16px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontMediaHeader": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_header--font_family", + "value": "var(--vkui--font_media_header--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_header--font_size", + "value": "var(--vkui--font_media_header--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_header--font_weight", + "value": "var(--vkui--font_media_header--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_media_header--letter_spacing", + "value": "var(--vkui--font_media_header--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_media_header--line_height", + "value": "var(--vkui--font_media_header--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_media_header--font_family--compact", + "value": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_header--font_size--compact", + "value": "var(--vkui--font_media_header--font_size--compact, 40px)", + }, + "lineHeight": { + "name": "--vkui--font_media_header--line_height--compact", + "value": "var(--vkui--font_media_header--line_height--compact, 48px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_header--font_family--regular", + "value": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_header--font_size--regular", + "value": "var(--vkui--font_media_header--font_size--regular, 36px)", + }, + "fontWeight": { + "name": "--vkui--font_media_header--font_weight--regular", + "value": "var(--vkui--font_media_header--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--font_media_header--letter_spacing--regular", + "value": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--font_media_header--line_height--regular", + "value": "var(--vkui--font_media_header--line_height--regular, 44px)", + }, + }, + }, + "fontMediaLead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_lead--font_family", + "value": "var(--vkui--font_media_lead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_lead--font_size", + "value": "var(--vkui--font_media_lead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_lead--font_weight", + "value": "var(--vkui--font_media_lead--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_media_lead--letter_spacing", + "value": "var(--vkui--font_media_lead--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_media_lead--line_height", + "value": "var(--vkui--font_media_lead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_media_lead--font_size--compact", + "value": "var(--vkui--font_media_lead--font_size--compact, 22px)", + }, + "letterSpacing": { + "name": "--vkui--font_media_lead--letter_spacing--compact", + "value": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", + }, + "lineHeight": { + "name": "--vkui--font_media_lead--line_height--compact", + "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_lead--font_family--regular", + "value": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_lead--font_size--regular", + "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_media_lead--font_weight--regular", + "value": "var(--vkui--font_media_lead--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--font_media_lead--letter_spacing--regular", + "value": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", + }, + "lineHeight": { + "name": "--vkui--font_media_lead--line_height--regular", + "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", + }, + }, + }, + "fontMediaParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_paragraph--font_family", + "value": "var(--vkui--font_media_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_paragraph--font_size", + "value": "var(--vkui--font_media_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_paragraph--font_weight", + "value": "var(--vkui--font_media_paragraph--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_media_paragraph--letter_spacing", + "value": "var(--vkui--font_media_paragraph--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_media_paragraph--line_height", + "value": "var(--vkui--font_media_paragraph--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_media_paragraph--font_size--compact", + "value": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_media_paragraph--font_weight--compact", + "value": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_media_paragraph--line_height--compact", + "value": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_paragraph--font_family--regular", + "value": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", + }, + "fontSize": { + "name": "--vkui--font_media_paragraph--font_size--regular", + "value": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--font_media_paragraph--font_weight--regular", + "value": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_media_paragraph--letter_spacing--regular", + "value": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", + }, + "lineHeight": { + "name": "--vkui--font_media_paragraph--line_height--regular", + "value": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", + }, + }, + }, + "fontMediaTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_title1--font_family", + "value": "var(--vkui--font_media_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_title1--font_size", + "value": "var(--vkui--font_media_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_title1--font_weight", + "value": "var(--vkui--font_media_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_media_title1--line_height", + "value": "var(--vkui--font_media_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_title1--font_family--regular", + "value": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_title1--font_size--regular", + "value": "var(--vkui--font_media_title1--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_media_title1--font_weight--regular", + "value": "var(--vkui--font_media_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_media_title1--line_height--regular", + "value": "var(--vkui--font_media_title1--line_height--regular, 36px)", + }, + }, + }, + "fontMediaTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_title2--font_family", + "value": "var(--vkui--font_media_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_title2--font_size", + "value": "var(--vkui--font_media_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_title2--font_weight", + "value": "var(--vkui--font_media_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_media_title2--line_height", + "value": "var(--vkui--font_media_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_title2--font_family--regular", + "value": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_title2--font_size--regular", + "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_media_title2--font_weight--regular", + "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_media_title2--line_height--regular", + "value": "var(--vkui--font_media_title2--line_height--regular, 32px)", + }, + }, + }, + "fontMediaTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_title3--font_family", + "value": "var(--vkui--font_media_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_title3--font_size", + "value": "var(--vkui--font_media_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_title3--font_weight", + "value": "var(--vkui--font_media_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_media_title3--line_height", + "value": "var(--vkui--font_media_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_title3--font_family--regular", + "value": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_title3--font_size--regular", + "value": "var(--vkui--font_media_title3--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_media_title3--font_weight--regular", + "value": "var(--vkui--font_media_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_media_title3--line_height--regular", + "value": "var(--vkui--font_media_title3--line_height--regular, 28px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--compact", + "value": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--compact", + "value": "var(--vkui--font_subhead--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 16px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 22px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 400)", + }, + "gradientSkeleton": { + "name": "--vkui--gradient_skeleton", + "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #E9E9E9, #F5F5F5))", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "prefix": { + "name": "--vkui--prefix", + "value": "var(--vkui--prefix, vkui)", + }, + "pulseColorAccentYellow": { + "active": { + "name": "--vkui--pulse_color_accent_yellow--active", + "value": "var(--vkui--pulse_color_accent_yellow--active, #EBC405)", + }, + "hover": { + "name": "--vkui--pulse_color_accent_yellow--hover", + "value": "var(--vkui--pulse_color_accent_yellow--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--pulse_color_accent_yellow", + "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + }, + }, + "pulseColorBackgroundPurple": { + "active": { + "name": "--vkui--pulse_color_background_purple--active", + "value": "var(--vkui--pulse_color_background_purple--active, #6047D4)", + }, + "hover": { + "name": "--vkui--pulse_color_background_purple--hover", + "value": "var(--vkui--pulse_color_background_purple--hover, #644ADA)", + }, + "normal": { + "name": "--vkui--pulse_color_background_purple", + "value": "var(--vkui--pulse_color_background_purple, #684CE1)", + }, + }, + "pulseColorOverlayViewer": { + "active": { + "name": "--vkui--pulse_color_overlay_viewer--active", + "value": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", + }, + "hover": { + "name": "--vkui--pulse_color_overlay_viewer--hover", + "value": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", + }, + "normal": { + "name": "--vkui--pulse_color_overlay_viewer", + "value": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + }, + }, + "pulseColorPurpleAlpha": { + "active": { + "name": "--vkui--pulse_color_purple_alpha--active", + "value": "var(--vkui--pulse_color_purple_alpha--active, rgba(66, 0, 255, 0.16))", + }, + "hover": { + "name": "--vkui--pulse_color_purple_alpha--hover", + "value": "var(--vkui--pulse_color_purple_alpha--hover, rgba(66, 0, 255, 0.12))", + }, + "normal": { + "name": "--vkui--pulse_color_purple_alpha", + "value": "var(--vkui--pulse_color_purple_alpha, rgba(66, 0, 255, 0.08))", + }, + }, + "pulseColorWhiteBlueAlpha": { + "active": { + "name": "--vkui--pulse_color_white_blue_alpha--active", + "value": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.98))", + }, + "hover": { + "name": "--vkui--pulse_color_white_blue_alpha--hover", + "value": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--pulse_color_white_blue_alpha", + "value": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.9))", + }, + }, + "pulseZIndexDropdown": { + "name": "--vkui--pulse_z_index_dropdown", + "value": "var(--vkui--pulse_z_index_dropdown, 100px)", + }, + "pulseZIndexFixed": { + "name": "--vkui--pulse_z_index_fixed", + "value": "var(--vkui--pulse_z_index_fixed, 120px)", + }, + "pulseZIndexModal": { + "name": "--vkui--pulse_z_index_modal", + "value": "var(--vkui--pulse_z_index_modal, 140px)", + }, + "pulseZIndexModalBackdrop": { + "name": "--vkui--pulse_z_index_modal_backdrop", + "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", + }, + "pulseZIndexSticky": { + "name": "--vkui--pulse_z_index_sticky", + "value": "var(--vkui--pulse_z_index_sticky, 110px)", + }, + "pulseZIndexTooltip": { + "name": "--vkui--pulse_z_index_tooltip", + "value": "var(--vkui--pulse_z_index_tooltip, 150px)", + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 60px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 40px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadge": { + "auto": { + "name": "--vkui--size_badge", + "value": "var(--vkui--size_badge)", + }, + "regular": { + "name": "--vkui--size_badge--regular", + "value": "var(--vkui--size_badge--regular, 20px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, + }, + "sizeBorderRadiusCard": { + "auto": { + "name": "--vkui--size_border_radius_card", + "value": "var(--vkui--size_border_radius_card)", + }, + "regular": { + "name": "--vkui--size_border_radius_card--regular", + "value": "var(--vkui--size_border_radius_card--regular, 12px)", + }, + }, + "sizeBorderRadiusLarge": { + "auto": { + "name": "--vkui--size_border_radius_large", + "value": "var(--vkui--size_border_radius_large)", + }, + "regular": { + "name": "--vkui--size_border_radius_large--regular", + "value": "var(--vkui--size_border_radius_large--regular, 12px)", + }, + }, + "sizeBorderRadiusPill": { + "auto": { + "name": "--vkui--size_border_radius_pill", + "value": "var(--vkui--size_border_radius_pill)", + }, + "regular": { + "name": "--vkui--size_border_radius_pill--regular", + "value": "var(--vkui--size_border_radius_pill--regular, 100px)", + }, + }, + "sizeBorderRadiusSmall": { + "auto": { + "name": "--vkui--size_border_radius_small", + "value": "var(--vkui--size_border_radius_small)", + }, + "regular": { + "name": "--vkui--size_border_radius_small--regular", + "value": "var(--vkui--size_border_radius_small--regular, 4px)", + }, + }, + "sizeButtonCircleLarge": { + "auto": { + "name": "--vkui--size_button_circle_large", + "value": "var(--vkui--size_button_circle_large)", + }, + "regular": { + "name": "--vkui--size_button_circle_large--regular", + "value": "var(--vkui--size_button_circle_large--regular, 44px)", + }, + }, + "sizeButtonCircleMedium": { + "auto": { + "name": "--vkui--size_button_circle_medium", + "value": "var(--vkui--size_button_circle_medium)", + }, + "regular": { + "name": "--vkui--size_button_circle_medium--regular", + "value": "var(--vkui--size_button_circle_medium--regular, 40px)", + }, + }, + "sizeButtonCircleSmall": { + "auto": { + "name": "--vkui--size_button_circle_small", + "value": "var(--vkui--size_button_circle_small)", + }, + "regular": { + "name": "--vkui--size_button_circle_small--regular", + "value": "var(--vkui--size_button_circle_small--regular, 32px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 40px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 32px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonPaddingHorizontalLarge": { + "auto": { + "name": "--vkui--size_button_padding_horizontal_large", + "value": "var(--vkui--size_button_padding_horizontal_large)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal_large--regular", + "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 24px)", + }, + }, + "sizeCardgridGapSpaceLarge": { + "auto": { + "name": "--vkui--size_cardgrid_gap_space_large", + "value": "var(--vkui--size_cardgrid_gap_space_large)", + }, + "regular": { + "name": "--vkui--size_cardgrid_gap_space_large--regular", + "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + }, + }, + "sizeCardgridGapSpaceMedium": { + "auto": { + "name": "--vkui--size_cardgrid_gap_space_medium", + "value": "var(--vkui--size_cardgrid_gap_space_medium)", + }, + "regular": { + "name": "--vkui--size_cardgrid_gap_space_medium--regular", + "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeIconUILarge": { + "auto": { + "name": "--vkui--size_icon_u_i_large", + "value": "var(--vkui--size_icon_u_i_large)", + }, + "regular": { + "name": "--vkui--size_icon_u_i_large--regular", + "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", + }, + }, + "sizeIconUIMedium": { + "auto": { + "name": "--vkui--size_icon_u_i_medium", + "value": "var(--vkui--size_icon_u_i_medium)", + }, + "regular": { + "name": "--vkui--size_icon_u_i_medium--regular", + "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + }, + }, + "sizeListItemHeight": { + "auto": { + "name": "--vkui--size_list_item_height", + "value": "var(--vkui--size_list_item_height)", + }, + "regular": { + "name": "--vkui--size_list_item_height--regular", + "value": "var(--vkui--size_list_item_height--regular, 44px)", + }, + }, + "sizePageHorizontalPadding": { + "auto": { + "name": "--vkui--size_page_horizontal_padding", + "value": "var(--vkui--size_page_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_page_horizontal_padding--regular", + "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 800px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 360px)", + }, + }, + "sizeTag": { + "auto": { + "name": "--vkui--size_tag", + "value": "var(--vkui--size_tag)", + }, + "regular": { + "name": "--vkui--size_tag--regular", + "value": "var(--vkui--size_tag--regular, 24px)", + }, + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, paradigm)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, pulse)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pulse)", + }, + "themeType": "cssVars", +} +`; + +exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "colorAccentBlue": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorAccentOrange": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentPurple": { + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", + }, + "colorAccentRed": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", + }, + "colorAccentSecondary": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", + }, + "colorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", + }, + "colorBackgroundNegativeTint": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.18)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", + }, + "colorBackgroundPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "colorBackgroundSecondary": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundTertiary": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "colorBackgroundWarning": { + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconMedium": { + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", + }, + "colorIconMediumAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "colorIconNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", + }, + "colorIconTertiary": { + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorSearchFieldBackground": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSkeletonFrom": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "colorSkeletonTo": { + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", + }, + "colorStrokeAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorStrokePositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextAccent": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextLink": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkVisited": { + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "colorTextPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "colorTextSubhead": { + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", + }, + "colorTextTertiary": { + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorTrackBackground": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorTrackBuffer": { + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorWriteBarInputBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorsScheme": "light", + "elevation1": "0px 4px 12px rgba(18, 25, 43, 0.12)", + "elevation2": "0px 4px 20px rgba(18, 25, 43, 0.2)", + "elevation3": "0px 16px 48px rgba(18, 25, 43, 0.28)", + "fontCaption1": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "16px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontMediaHeader": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "40px", + "lineHeight": "48px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", + }, + }, + "fontMediaLead": { + "compact": { + "fontSize": "22px", + "letterSpacing": "-0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "letterSpacing": "0px", + "lineHeight": "28px", + }, + }, + "fontMediaParagraph": { + "compact": { + "fontSize": "19px", + "fontWeight": 400, + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Georgia, serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "36px", + }, + }, + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontMediaTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "16px", + "lineHeight": "22px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 400, + "gradientSkeleton": "linear-gradient(110deg, #E9E9E9, #F5F5F5)", + "opacityDisable": 0.48, + "prefix": "vkui", + "pulseColorAccentYellow": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#FFD400", + }, + "pulseColorBackgroundPurple": { + "active": "#6047D4", + "hover": "#644ADA", + "normal": "#684CE1", + }, + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", + }, + "pulseColorPurpleAlpha": { + "active": "rgba(66, 0, 255, 0.16)", + "hover": "rgba(66, 0, 255, 0.12)", + "normal": "rgba(66, 0, 255, 0.08)", + }, + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.98)", + "hover": "rgba(226, 236, 255, 0.9400000000000001)", + "normal": "rgba(226, 236, 255, 0.9)", + }, + "pulseZIndexDropdown": "100px", + "pulseZIndexFixed": "120px", + "pulseZIndexModal": "140px", + "pulseZIndexModalBackdrop": "130px", + "pulseZIndexSticky": "110px", + "pulseZIndexTooltip": "150px", + "sizeAvatarL": { + "regular": "60px", + }, + "sizeAvatarM": { + "regular": "40px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadge": { + "regular": "20px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusCard": { + "regular": "12px", + }, + "sizeBorderRadiusLarge": { + "regular": "12px", + }, + "sizeBorderRadiusPill": { + "regular": "100px", + }, + "sizeBorderRadiusSmall": { + "regular": "4px", + }, + "sizeButtonCircleLarge": { + "regular": "44px", + }, + "sizeButtonCircleMedium": { + "regular": "40px", + }, + "sizeButtonCircleSmall": { + "regular": "32px", + }, + "sizeButtonLargeHeight": { + "regular": "40px", + }, + "sizeButtonMediumHeight": { + "regular": "32px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonPaddingHorizontalLarge": { + "regular": "16px", + }, + "sizeButtonSmallHeight": { + "regular": "24px", + }, + "sizeCardgridGapSpaceLarge": { + "regular": "20px", + }, + "sizeCardgridGapSpaceMedium": { + "regular": "16px", + }, + "sizeFieldHeight": { + "regular": "40px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeIconUILarge": { + "regular": "20px", + }, + "sizeIconUIMedium": { + "regular": "16px", + }, + "sizeListItemHeight": { + "regular": "44px", + }, + "sizePageHorizontalPadding": { + "regular": "16px", + }, + "sizePopupLarge": { + "regular": "800px", + }, + "sizePopupMedium": { + "regular": "360px", + }, + "sizeTag": { + "regular": "24px", + }, + "themeInheritsFrom": "paradigm", + "themeName": "pulse", + "themeNameBase": "pulse", + "themeType": "pixelify", +} +`; + +exports[`shapshots pulse theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "normal": "var(--vkui--color_accent_green, #0DC268)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + }, + "colorBackgroundAccentTintAlpha": { + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_background_positive, #0DC268)", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", + }, + "colorBackgroundWarningTintAlpha": { + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_text_positive, #0DC268)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0px 4px 12px rgba(18, 25, 43, 0.12))", + "elevation2": "var(--vkui--elevation2, 0px 4px 20px rgba(18, 25, 43, 0.2))", + "elevation3": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Arial, sans-serif)", + "fontFamilyMedia": "var(--vkui--font_family_media, Georgia, serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontMediaHeader": { + "compact": { + "fontFamily": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_header--font_size--compact, 40px)", + "lineHeight": "var(--vkui--font_media_header--line_height--compact, 48px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_header--font_size--regular, 36px)", + "fontWeight": "var(--vkui--font_media_header--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--font_media_header--line_height--regular, 44px)", + }, + }, + "fontMediaLead": { + "compact": { + "fontSize": "var(--vkui--font_media_lead--font_size--compact, 22px)", + "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", + "lineHeight": "var(--vkui--font_media_lead--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_lead--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_media_lead--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", + "lineHeight": "var(--vkui--font_media_lead--line_height--regular, 28px)", + }, + }, + "fontMediaParagraph": { + "compact": { + "fontSize": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", + "fontWeight": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", + "fontSize": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", + "fontWeight": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", + "lineHeight": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_title1--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_media_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_media_title1--line_height--regular, 36px)", + }, + }, + "fontMediaTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_title2--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_media_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_media_title2--line_height--regular, 32px)", + }, + }, + "fontMediaTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_title3--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_media_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_media_title3--line_height--regular, 28px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontFamily": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 400)", + "gradientSkeleton": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #E9E9E9, #F5F5F5))", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "prefix": "var(--vkui--prefix, vkui)", + "pulseColorAccentYellow": { + "active": "var(--vkui--pulse_color_accent_yellow--active, #EBC405)", + "hover": "var(--vkui--pulse_color_accent_yellow--hover, #F5CC02)", + "normal": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + }, + "pulseColorBackgroundPurple": { + "active": "var(--vkui--pulse_color_background_purple--active, #6047D4)", + "hover": "var(--vkui--pulse_color_background_purple--hover, #644ADA)", + "normal": "var(--vkui--pulse_color_background_purple, #684CE1)", + }, + "pulseColorOverlayViewer": { + "active": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", + "hover": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", + "normal": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + }, + "pulseColorPurpleAlpha": { + "active": "var(--vkui--pulse_color_purple_alpha--active, rgba(66, 0, 255, 0.16))", + "hover": "var(--vkui--pulse_color_purple_alpha--hover, rgba(66, 0, 255, 0.12))", + "normal": "var(--vkui--pulse_color_purple_alpha, rgba(66, 0, 255, 0.08))", + }, + "pulseColorWhiteBlueAlpha": { + "active": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.98))", + "hover": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.9400000000000001))", + "normal": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.9))", + }, + "pulseZIndexDropdown": "var(--vkui--pulse_z_index_dropdown, 100px)", + "pulseZIndexFixed": "var(--vkui--pulse_z_index_fixed, 120px)", + "pulseZIndexModal": "var(--vkui--pulse_z_index_modal, 140px)", + "pulseZIndexModalBackdrop": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", + "pulseZIndexSticky": "var(--vkui--pulse_z_index_sticky, 110px)", + "pulseZIndexTooltip": "var(--vkui--pulse_z_index_tooltip, 150px)", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 60px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 40px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadge": { + "regular": "var(--vkui--size_badge--regular, 20px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusCard": { + "regular": "var(--vkui--size_border_radius_card--regular, 12px)", + }, + "sizeBorderRadiusLarge": { + "regular": "var(--vkui--size_border_radius_large--regular, 12px)", + }, + "sizeBorderRadiusPill": { + "regular": "var(--vkui--size_border_radius_pill--regular, 100px)", + }, + "sizeBorderRadiusSmall": { + "regular": "var(--vkui--size_border_radius_small--regular, 4px)", + }, + "sizeButtonCircleLarge": { + "regular": "var(--vkui--size_button_circle_large--regular, 44px)", + }, + "sizeButtonCircleMedium": { + "regular": "var(--vkui--size_button_circle_medium--regular, 40px)", + }, + "sizeButtonCircleSmall": { + "regular": "var(--vkui--size_button_circle_small--regular, 32px)", + }, + "sizeButtonLargeHeight": { + "regular": "var(--vkui--size_button_large_height--regular, 40px)", + }, + "sizeButtonMediumHeight": { + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonPaddingHorizontalLarge": { + "regular": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + }, + "sizeButtonSmallHeight": { + "regular": "var(--vkui--size_button_small_height--regular, 24px)", + }, + "sizeCardgridGapSpaceLarge": { + "regular": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + }, + "sizeCardgridGapSpaceMedium": { + "regular": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + }, + "sizeFieldHeight": { + "regular": "var(--vkui--size_field_height--regular, 40px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeIconUILarge": { + "regular": "var(--vkui--size_icon_u_i_large--regular, 20px)", + }, + "sizeIconUIMedium": { + "regular": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + }, + "sizeListItemHeight": { + "regular": "var(--vkui--size_list_item_height--regular, 44px)", + }, + "sizePageHorizontalPadding": { + "regular": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 800px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 360px)", + }, + "sizeTag": { + "regular": "var(--vkui--size_tag--regular, 24px)", + }, + "themeInheritsFrom": "var(--vkui--theme_inherits_from, paradigm)", + "themeName": "var(--vkui--theme_name, pulse)", + "themeNameBase": "var(--vkui--theme_name_base, pulse)", + "themeType": "pixelify", +} +`; + +exports[`shapshots pulse theme should match root theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "colorAccentBlue": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorAccentOrange": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentPurple": { + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", + }, + "colorAccentRed": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", + }, + "colorAccentSecondary": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", + }, + "colorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", + }, + "colorBackgroundNegativeTint": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.18)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", + }, + "colorBackgroundPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "colorBackgroundSecondary": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundTertiary": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "colorBackgroundWarning": { + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconMedium": { + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", + }, + "colorIconMediumAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "colorIconNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", + }, + "colorIconTertiary": { + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorSearchFieldBackground": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSkeletonFrom": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "colorSkeletonTo": { + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", + }, + "colorStrokeAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", + }, + "colorStrokePositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextAccent": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextLink": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkVisited": { + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "colorTextPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "colorTextSubhead": { + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", + }, + "colorTextTertiary": { + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorTrackBackground": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorTrackBuffer": { + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorWriteBarInputBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", + }, + "colorsScheme": "light", + "elevation1": "0px 4px 12px rgba(18, 25, 43, 0.12)", + "elevation2": "0px 4px 20px rgba(18, 25, 43, 0.2)", + "elevation3": "0px 16px 48px rgba(18, 25, 43, 0.28)", + "fontCaption1": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 16, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 15, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontMediaHeader": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 40, + "lineHeight": "48px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 36, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", + }, + }, + "fontMediaLead": { + "compact": { + "fontSize": 22, + "letterSpacing": "-0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "letterSpacing": 0, + "lineHeight": "28px", + }, + }, + "fontMediaParagraph": { + "compact": { + "fontSize": 19, + "fontWeight": 400, + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Georgia, serif", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": "36px", + }, + }, + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontMediaTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": 16, + "lineHeight": "22px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 400, + "gradientSkeleton": "linear-gradient(110deg, #E9E9E9, #F5F5F5)", + "opacityDisable": 0.48, + "prefix": "vkui", + "pulseColorAccentYellow": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#FFD400", + }, + "pulseColorBackgroundPurple": { + "active": "#6047D4", + "hover": "#644ADA", + "normal": "#684CE1", + }, + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", + }, + "pulseColorPurpleAlpha": { + "active": "rgba(66, 0, 255, 0.16)", + "hover": "rgba(66, 0, 255, 0.12)", + "normal": "rgba(66, 0, 255, 0.08)", + }, + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.98)", + "hover": "rgba(226, 236, 255, 0.9400000000000001)", + "normal": "rgba(226, 236, 255, 0.9)", + }, + "pulseZIndexDropdown": 100, + "pulseZIndexFixed": 120, + "pulseZIndexModal": 140, + "pulseZIndexModalBackdrop": 130, + "pulseZIndexSticky": 110, + "pulseZIndexTooltip": 150, + "sizeAvatarL": { + "regular": 60, + }, + "sizeAvatarM": { + "regular": 40, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadge": { + "regular": 20, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusCard": { + "regular": 12, + }, + "sizeBorderRadiusLarge": { + "regular": 12, + }, + "sizeBorderRadiusPill": { + "regular": 100, + }, + "sizeBorderRadiusSmall": { + "regular": 4, + }, + "sizeButtonCircleLarge": { + "regular": 44, + }, + "sizeButtonCircleMedium": { + "regular": 40, + }, + "sizeButtonCircleSmall": { + "regular": 32, + }, + "sizeButtonLargeHeight": { + "regular": 40, + }, + "sizeButtonMediumHeight": { + "regular": 32, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonPaddingHorizontalLarge": { + "regular": 16, + }, + "sizeButtonSmallHeight": { + "regular": 24, + }, + "sizeCardgridGapSpaceLarge": { + "regular": 20, + }, + "sizeCardgridGapSpaceMedium": { + "regular": 16, + }, + "sizeFieldHeight": { + "regular": 40, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeIconUILarge": { + "regular": 20, + }, + "sizeIconUIMedium": { + "regular": 16, + }, + "sizeListItemHeight": { + "regular": 44, + }, + "sizePageHorizontalPadding": { + "regular": 16, + }, + "sizePopupLarge": { + "regular": 800, + }, + "sizePopupMedium": { + "regular": 360, + }, + "sizeTag": { + "regular": 24, + }, + "themeInheritsFrom": "paradigm", + "themeName": "pulse", + "themeNameBase": "pulse", + "themeType": "root", +} +`; + +exports[`shapshots pulseDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077ff)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #9C9DA2)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EE431E)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED330A)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #19191A)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, + }, + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.36))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.32))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.28))", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #232324)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #303030)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #FF5C5C)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", + }, + }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.36))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.32))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.28))", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, + }, + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.36))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.32))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.28))", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #2A2A2B)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #363636)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #252525)", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #785C14)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #72550A)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #6C4E00)", + }, + }, + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.36))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.32))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.28))", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #232324)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077FF)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #B0B1B6)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #D9DADD)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #83848A)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #393A3B)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #393A3B)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #282829)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #151516)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #181818)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077FF)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #1A85FF)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #238AFF)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #1A85FF)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #6098E2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #E7E8EA)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #FF5C5C)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #E7E8EA)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #95979D)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #8C8E94)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #74767A)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #525354)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #434445)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.12))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.08))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "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))", + }, + "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))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 16px 48px rgba(0, 0, 0, 0.28))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 16px 48px rgba(0, 0, 0, 0.48))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 16px 48px rgba(0, 0, 0, 0.64))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Arial, sans-serif)", + }, + "fontFamilyMedia": { + "name": "--vkui--font_family_media", + "value": "var(--vkui--font_family_media, Georgia, serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 16px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontMediaHeader": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_header--font_family", + "value": "var(--vkui--font_media_header--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_header--font_size", + "value": "var(--vkui--font_media_header--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_header--font_weight", + "value": "var(--vkui--font_media_header--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_media_header--letter_spacing", + "value": "var(--vkui--font_media_header--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_media_header--line_height", + "value": "var(--vkui--font_media_header--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_media_header--font_family--compact", + "value": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_header--font_size--compact", + "value": "var(--vkui--font_media_header--font_size--compact, 40px)", + }, + "lineHeight": { + "name": "--vkui--font_media_header--line_height--compact", + "value": "var(--vkui--font_media_header--line_height--compact, 48px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_header--font_family--regular", + "value": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_header--font_size--regular", + "value": "var(--vkui--font_media_header--font_size--regular, 36px)", + }, + "fontWeight": { + "name": "--vkui--font_media_header--font_weight--regular", + "value": "var(--vkui--font_media_header--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--font_media_header--letter_spacing--regular", + "value": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", + }, + "lineHeight": { + "name": "--vkui--font_media_header--line_height--regular", + "value": "var(--vkui--font_media_header--line_height--regular, 44px)", + }, + }, + }, + "fontMediaLead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_lead--font_family", + "value": "var(--vkui--font_media_lead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_lead--font_size", + "value": "var(--vkui--font_media_lead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_lead--font_weight", + "value": "var(--vkui--font_media_lead--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_media_lead--letter_spacing", + "value": "var(--vkui--font_media_lead--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_media_lead--line_height", + "value": "var(--vkui--font_media_lead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_media_lead--font_size--compact", + "value": "var(--vkui--font_media_lead--font_size--compact, 22px)", + }, + "letterSpacing": { + "name": "--vkui--font_media_lead--letter_spacing--compact", + "value": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", + }, + "lineHeight": { + "name": "--vkui--font_media_lead--line_height--compact", + "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_lead--font_family--regular", + "value": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_lead--font_size--regular", + "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_media_lead--font_weight--regular", + "value": "var(--vkui--font_media_lead--font_weight--regular, 500)", + }, + "letterSpacing": { + "name": "--vkui--font_media_lead--letter_spacing--regular", + "value": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", + }, + "lineHeight": { + "name": "--vkui--font_media_lead--line_height--regular", + "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", + }, + }, + }, + "fontMediaParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_paragraph--font_family", + "value": "var(--vkui--font_media_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_paragraph--font_size", + "value": "var(--vkui--font_media_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_paragraph--font_weight", + "value": "var(--vkui--font_media_paragraph--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_media_paragraph--letter_spacing", + "value": "var(--vkui--font_media_paragraph--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_media_paragraph--line_height", + "value": "var(--vkui--font_media_paragraph--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_media_paragraph--font_size--compact", + "value": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_media_paragraph--font_weight--compact", + "value": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_media_paragraph--line_height--compact", + "value": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_paragraph--font_family--regular", + "value": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", + }, + "fontSize": { + "name": "--vkui--font_media_paragraph--font_size--regular", + "value": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--font_media_paragraph--font_weight--regular", + "value": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_media_paragraph--letter_spacing--regular", + "value": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", + }, + "lineHeight": { + "name": "--vkui--font_media_paragraph--line_height--regular", + "value": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", + }, + }, + }, + "fontMediaTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_title1--font_family", + "value": "var(--vkui--font_media_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_title1--font_size", + "value": "var(--vkui--font_media_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_title1--font_weight", + "value": "var(--vkui--font_media_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_media_title1--line_height", + "value": "var(--vkui--font_media_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_title1--font_family--regular", + "value": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_title1--font_size--regular", + "value": "var(--vkui--font_media_title1--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_media_title1--font_weight--regular", + "value": "var(--vkui--font_media_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_media_title1--line_height--regular", + "value": "var(--vkui--font_media_title1--line_height--regular, 36px)", + }, + }, + }, + "fontMediaTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_title2--font_family", + "value": "var(--vkui--font_media_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_title2--font_size", + "value": "var(--vkui--font_media_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_title2--font_weight", + "value": "var(--vkui--font_media_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_media_title2--line_height", + "value": "var(--vkui--font_media_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_title2--font_family--regular", + "value": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_title2--font_size--regular", + "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_media_title2--font_weight--regular", + "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_media_title2--line_height--regular", + "value": "var(--vkui--font_media_title2--line_height--regular, 32px)", + }, + }, + }, + "fontMediaTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_media_title3--font_family", + "value": "var(--vkui--font_media_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_media_title3--font_size", + "value": "var(--vkui--font_media_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_media_title3--font_weight", + "value": "var(--vkui--font_media_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_media_title3--line_height", + "value": "var(--vkui--font_media_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_media_title3--font_family--regular", + "value": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_media_title3--font_size--regular", + "value": "var(--vkui--font_media_title3--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_media_title3--font_weight--regular", + "value": "var(--vkui--font_media_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_media_title3--line_height--regular", + "value": "var(--vkui--font_media_title3--line_height--regular, 28px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--compact", + "value": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--compact", + "value": "var(--vkui--font_subhead--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 16px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 22px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 400)", + }, + "gradientSkeleton": { + "name": "--vkui--gradient_skeleton", + "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "prefix": { + "name": "--vkui--prefix", + "value": "var(--vkui--prefix, vkui)", + }, + "pulseColorAccentYellow": { + "active": { + "name": "--vkui--pulse_color_accent_yellow--active", + "value": "var(--vkui--pulse_color_accent_yellow--active, #FFD714)", + }, + "hover": { + "name": "--vkui--pulse_color_accent_yellow--hover", + "value": "var(--vkui--pulse_color_accent_yellow--hover, #FFD60A)", + }, + "normal": { + "name": "--vkui--pulse_color_accent_yellow", + "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + }, + }, + "pulseColorBackgroundPurple": { + "active": { + "name": "--vkui--pulse_color_background_purple--active", + "value": "var(--vkui--pulse_color_background_purple--active, #846DEA)", + }, + "hover": { + "name": "--vkui--pulse_color_background_purple--hover", + "value": "var(--vkui--pulse_color_background_purple--hover, #7E66E9)", + }, + "normal": { + "name": "--vkui--pulse_color_background_purple", + "value": "var(--vkui--pulse_color_background_purple, #7960E8)", + }, + }, + "pulseColorOverlayViewer": { + "active": { + "name": "--vkui--pulse_color_overlay_viewer--active", + "value": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", + }, + "hover": { + "name": "--vkui--pulse_color_overlay_viewer--hover", + "value": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", + }, + "normal": { + "name": "--vkui--pulse_color_overlay_viewer", + "value": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + }, + }, + "pulseColorPurpleAlpha": { + "active": { + "name": "--vkui--pulse_color_purple_alpha--active", + "value": "var(--vkui--pulse_color_purple_alpha--active, rgba(234, 226, 255, 0.2))", + }, + "hover": { + "name": "--vkui--pulse_color_purple_alpha--hover", + "value": "var(--vkui--pulse_color_purple_alpha--hover, rgba(234, 226, 255, 0.16))", + }, + "normal": { + "name": "--vkui--pulse_color_purple_alpha", + "value": "var(--vkui--pulse_color_purple_alpha, rgba(234, 226, 255, 0.12))", + }, + }, + "pulseColorWhiteBlueAlpha": { + "active": { + "name": "--vkui--pulse_color_white_blue_alpha--active", + "value": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.2))", + }, + "hover": { + "name": "--vkui--pulse_color_white_blue_alpha--hover", + "value": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.16))", + }, + "normal": { + "name": "--vkui--pulse_color_white_blue_alpha", + "value": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.12))", + }, + }, + "pulseZIndexDropdown": { + "name": "--vkui--pulse_z_index_dropdown", + "value": "var(--vkui--pulse_z_index_dropdown, 100px)", + }, + "pulseZIndexFixed": { + "name": "--vkui--pulse_z_index_fixed", + "value": "var(--vkui--pulse_z_index_fixed, 120px)", + }, + "pulseZIndexModal": { + "name": "--vkui--pulse_z_index_modal", + "value": "var(--vkui--pulse_z_index_modal, 140px)", + }, + "pulseZIndexModalBackdrop": { + "name": "--vkui--pulse_z_index_modal_backdrop", + "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", + }, + "pulseZIndexSticky": { + "name": "--vkui--pulse_z_index_sticky", + "value": "var(--vkui--pulse_z_index_sticky, 110px)", + }, + "pulseZIndexTooltip": { + "name": "--vkui--pulse_z_index_tooltip", + "value": "var(--vkui--pulse_z_index_tooltip, 150px)", + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 60px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 40px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadge": { + "auto": { + "name": "--vkui--size_badge", + "value": "var(--vkui--size_badge)", + }, + "regular": { + "name": "--vkui--size_badge--regular", + "value": "var(--vkui--size_badge--regular, 20px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, + }, + "sizeBorderRadiusCard": { + "auto": { + "name": "--vkui--size_border_radius_card", + "value": "var(--vkui--size_border_radius_card)", + }, + "regular": { + "name": "--vkui--size_border_radius_card--regular", + "value": "var(--vkui--size_border_radius_card--regular, 12px)", + }, + }, + "sizeBorderRadiusLarge": { + "auto": { + "name": "--vkui--size_border_radius_large", + "value": "var(--vkui--size_border_radius_large)", + }, + "regular": { + "name": "--vkui--size_border_radius_large--regular", + "value": "var(--vkui--size_border_radius_large--regular, 12px)", + }, + }, + "sizeBorderRadiusPill": { + "auto": { + "name": "--vkui--size_border_radius_pill", + "value": "var(--vkui--size_border_radius_pill)", + }, + "regular": { + "name": "--vkui--size_border_radius_pill--regular", + "value": "var(--vkui--size_border_radius_pill--regular, 100px)", + }, + }, + "sizeBorderRadiusSmall": { + "auto": { + "name": "--vkui--size_border_radius_small", + "value": "var(--vkui--size_border_radius_small)", + }, + "regular": { + "name": "--vkui--size_border_radius_small--regular", + "value": "var(--vkui--size_border_radius_small--regular, 4px)", + }, + }, + "sizeButtonCircleLarge": { + "auto": { + "name": "--vkui--size_button_circle_large", + "value": "var(--vkui--size_button_circle_large)", + }, + "regular": { + "name": "--vkui--size_button_circle_large--regular", + "value": "var(--vkui--size_button_circle_large--regular, 44px)", + }, + }, + "sizeButtonCircleMedium": { + "auto": { + "name": "--vkui--size_button_circle_medium", + "value": "var(--vkui--size_button_circle_medium)", + }, + "regular": { + "name": "--vkui--size_button_circle_medium--regular", + "value": "var(--vkui--size_button_circle_medium--regular, 40px)", + }, + }, + "sizeButtonCircleSmall": { + "auto": { + "name": "--vkui--size_button_circle_small", + "value": "var(--vkui--size_button_circle_small)", + }, + "regular": { + "name": "--vkui--size_button_circle_small--regular", + "value": "var(--vkui--size_button_circle_small--regular, 32px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 40px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 32px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonPaddingHorizontalLarge": { + "auto": { + "name": "--vkui--size_button_padding_horizontal_large", + "value": "var(--vkui--size_button_padding_horizontal_large)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal_large--regular", + "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 24px)", + }, + }, + "sizeCardgridGapSpaceLarge": { + "auto": { + "name": "--vkui--size_cardgrid_gap_space_large", + "value": "var(--vkui--size_cardgrid_gap_space_large)", + }, + "regular": { + "name": "--vkui--size_cardgrid_gap_space_large--regular", + "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + }, + }, + "sizeCardgridGapSpaceMedium": { + "auto": { + "name": "--vkui--size_cardgrid_gap_space_medium", + "value": "var(--vkui--size_cardgrid_gap_space_medium)", + }, + "regular": { + "name": "--vkui--size_cardgrid_gap_space_medium--regular", + "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeIconUILarge": { + "auto": { + "name": "--vkui--size_icon_u_i_large", + "value": "var(--vkui--size_icon_u_i_large)", + }, + "regular": { + "name": "--vkui--size_icon_u_i_large--regular", + "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", + }, + }, + "sizeIconUIMedium": { + "auto": { + "name": "--vkui--size_icon_u_i_medium", + "value": "var(--vkui--size_icon_u_i_medium)", + }, + "regular": { + "name": "--vkui--size_icon_u_i_medium--regular", + "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + }, + }, + "sizeListItemHeight": { + "auto": { + "name": "--vkui--size_list_item_height", + "value": "var(--vkui--size_list_item_height)", + }, + "regular": { + "name": "--vkui--size_list_item_height--regular", + "value": "var(--vkui--size_list_item_height--regular, 44px)", + }, + }, + "sizePageHorizontalPadding": { + "auto": { + "name": "--vkui--size_page_horizontal_padding", + "value": "var(--vkui--size_page_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_page_horizontal_padding--regular", + "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 800px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 360px)", + }, + }, + "sizeTag": { + "auto": { + "name": "--vkui--size_tag", + "value": "var(--vkui--size_tag)", + }, + "regular": { + "name": "--vkui--size_tag--regular", + "value": "var(--vkui--size_tag--regular, 24px)", + }, + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, paradigm)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, pulseDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pulse)", + }, + "themeType": "cssVars", +} +`; + +exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "colorAccentBlue": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentPurple": { + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", + }, + "colorAccentRed": { + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", + }, + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", + }, + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "colorBackgroundAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.36)", + "hover": "rgba(0, 95, 249, 0.32)", + "normal": "rgba(0, 95, 249, 0.28)", + }, + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.36)", + "hover": "rgba(237, 10, 52, 0.32)", + "normal": "rgba(237, 10, 52, 0.28)", + }, + "colorBackgroundPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.36)", + "hover": "rgba(13, 194, 104, 0.32)", + "normal": "rgba(13, 194, 104, 0.28)", + }, + "colorBackgroundSecondary": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundTertiary": { + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", + }, + "colorBackgroundWarning": { + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.36)", + "hover": "rgba(255, 158, 0, 0.32)", + "normal": "rgba(255, 158, 0, 0.28)", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "colorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorIconAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", + }, + "colorIconMediumAlpha": { + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", + }, + "colorIconTertiary": { + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorPanelHeaderIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorSeparatorPrimary": { + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorSeparatorSecondary": { + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", + }, + "colorSkeletonFrom": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorSkeletonTo": { + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", + }, + "colorStrokeAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorStrokePositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextAccent": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextLink": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkVisited": { + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorTextPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "colorTextSubhead": { + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", + }, + "colorTextTertiary": { + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", + }, + "colorTrackBackground": { + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", + }, + "colorTrackBuffer": { + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorWriteBarInputBackground": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "elevation1": "0px 16px 48px rgba(0, 0, 0, 0.28)", + "elevation2": "0px 16px 48px rgba(0, 0, 0, 0.48)", + "elevation3": "0px 16px 48px rgba(0, 0, 0, 0.64)", + "fontCaption1": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "16px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontMediaHeader": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "40px", + "lineHeight": "48px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", + }, + }, + "fontMediaLead": { + "compact": { + "fontSize": "22px", + "letterSpacing": "-0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "letterSpacing": "0px", + "lineHeight": "28px", + }, + }, + "fontMediaParagraph": { + "compact": { + "fontSize": "19px", + "fontWeight": 400, + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Georgia, serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "36px", + }, + }, + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontMediaTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "16px", + "lineHeight": "22px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 400, + "gradientSkeleton": "linear-gradient(110deg, #292929, #383838)", + "opacityDisable": 0.48, + "prefix": "vkui", + "pulseColorAccentYellow": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#FFD400", + }, + "pulseColorBackgroundPurple": { + "active": "#846DEA", + "hover": "#7E66E9", + "normal": "#7960E8", + }, + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", + }, + "pulseColorPurpleAlpha": { + "active": "rgba(234, 226, 255, 0.2)", + "hover": "rgba(234, 226, 255, 0.16)", + "normal": "rgba(234, 226, 255, 0.12)", + }, + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.2)", + "hover": "rgba(226, 236, 255, 0.16)", + "normal": "rgba(226, 236, 255, 0.12)", + }, + "pulseZIndexDropdown": "100px", + "pulseZIndexFixed": "120px", + "pulseZIndexModal": "140px", + "pulseZIndexModalBackdrop": "130px", + "pulseZIndexSticky": "110px", + "pulseZIndexTooltip": "150px", + "sizeAvatarL": { + "regular": "60px", + }, + "sizeAvatarM": { + "regular": "40px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadge": { + "regular": "20px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusCard": { + "regular": "12px", + }, + "sizeBorderRadiusLarge": { + "regular": "12px", + }, + "sizeBorderRadiusPill": { + "regular": "100px", + }, + "sizeBorderRadiusSmall": { + "regular": "4px", + }, + "sizeButtonCircleLarge": { + "regular": "44px", + }, + "sizeButtonCircleMedium": { + "regular": "40px", + }, + "sizeButtonCircleSmall": { + "regular": "32px", + }, + "sizeButtonLargeHeight": { + "regular": "40px", + }, + "sizeButtonMediumHeight": { + "regular": "32px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonPaddingHorizontalLarge": { + "regular": "16px", + }, + "sizeButtonSmallHeight": { + "regular": "24px", + }, + "sizeCardgridGapSpaceLarge": { + "regular": "20px", + }, + "sizeCardgridGapSpaceMedium": { + "regular": "16px", + }, + "sizeFieldHeight": { + "regular": "40px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeIconUILarge": { + "regular": "20px", + }, + "sizeIconUIMedium": { + "regular": "16px", + }, + "sizeListItemHeight": { + "regular": "44px", + }, + "sizePageHorizontalPadding": { + "regular": "16px", + }, + "sizePopupLarge": { + "regular": "800px", + }, + "sizePopupMedium": { + "regular": "360px", + }, + "sizeTag": { + "regular": "24px", + }, + "themeInheritsFrom": "paradigm", + "themeName": "pulseDark", + "themeNameBase": "pulse", + "themeType": "pixelify", +} +`; + +exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, + "colorBackgroundAccentTintAlpha": { + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.36))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.32))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.28))", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.36))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.32))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.28))", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.36))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.32))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.28))", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", + }, + "colorBackgroundWarningTintAlpha": { + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.36))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.32))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.28))", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #6098E2)", + "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.12))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0px 16px 48px rgba(0, 0, 0, 0.28))", + "elevation2": "var(--vkui--elevation2, 0px 16px 48px rgba(0, 0, 0, 0.48))", + "elevation3": "var(--vkui--elevation3, 0px 16px 48px rgba(0, 0, 0, 0.64))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Arial, sans-serif)", + "fontFamilyMedia": "var(--vkui--font_family_media, Georgia, serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontMediaHeader": { + "compact": { + "fontFamily": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_header--font_size--compact, 40px)", + "lineHeight": "var(--vkui--font_media_header--line_height--compact, 48px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_header--font_size--regular, 36px)", + "fontWeight": "var(--vkui--font_media_header--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", + "lineHeight": "var(--vkui--font_media_header--line_height--regular, 44px)", + }, + }, + "fontMediaLead": { + "compact": { + "fontSize": "var(--vkui--font_media_lead--font_size--compact, 22px)", + "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", + "lineHeight": "var(--vkui--font_media_lead--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_lead--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_media_lead--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", + "lineHeight": "var(--vkui--font_media_lead--line_height--regular, 28px)", + }, + }, + "fontMediaParagraph": { + "compact": { + "fontSize": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", + "fontWeight": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", + "fontSize": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", + "fontWeight": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", + "lineHeight": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_title1--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_media_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_media_title1--line_height--regular, 36px)", + }, + }, + "fontMediaTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_title2--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_media_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_media_title2--line_height--regular, 32px)", + }, + }, + "fontMediaTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_media_title3--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_media_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_media_title3--line_height--regular, 28px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontFamily": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 400)", + "gradientSkeleton": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "prefix": "var(--vkui--prefix, vkui)", + "pulseColorAccentYellow": { + "active": "var(--vkui--pulse_color_accent_yellow--active, #FFD714)", + "hover": "var(--vkui--pulse_color_accent_yellow--hover, #FFD60A)", + "normal": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + }, + "pulseColorBackgroundPurple": { + "active": "var(--vkui--pulse_color_background_purple--active, #846DEA)", + "hover": "var(--vkui--pulse_color_background_purple--hover, #7E66E9)", + "normal": "var(--vkui--pulse_color_background_purple, #7960E8)", + }, + "pulseColorOverlayViewer": { + "active": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", + "hover": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", + "normal": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + }, + "pulseColorPurpleAlpha": { + "active": "var(--vkui--pulse_color_purple_alpha--active, rgba(234, 226, 255, 0.2))", + "hover": "var(--vkui--pulse_color_purple_alpha--hover, rgba(234, 226, 255, 0.16))", + "normal": "var(--vkui--pulse_color_purple_alpha, rgba(234, 226, 255, 0.12))", + }, + "pulseColorWhiteBlueAlpha": { + "active": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.2))", + "hover": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.16))", + "normal": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.12))", + }, + "pulseZIndexDropdown": "var(--vkui--pulse_z_index_dropdown, 100px)", + "pulseZIndexFixed": "var(--vkui--pulse_z_index_fixed, 120px)", + "pulseZIndexModal": "var(--vkui--pulse_z_index_modal, 140px)", + "pulseZIndexModalBackdrop": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", + "pulseZIndexSticky": "var(--vkui--pulse_z_index_sticky, 110px)", + "pulseZIndexTooltip": "var(--vkui--pulse_z_index_tooltip, 150px)", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 60px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 40px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadge": { + "regular": "var(--vkui--size_badge--regular, 20px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusCard": { + "regular": "var(--vkui--size_border_radius_card--regular, 12px)", + }, + "sizeBorderRadiusLarge": { + "regular": "var(--vkui--size_border_radius_large--regular, 12px)", + }, + "sizeBorderRadiusPill": { + "regular": "var(--vkui--size_border_radius_pill--regular, 100px)", + }, + "sizeBorderRadiusSmall": { + "regular": "var(--vkui--size_border_radius_small--regular, 4px)", + }, + "sizeButtonCircleLarge": { + "regular": "var(--vkui--size_button_circle_large--regular, 44px)", + }, + "sizeButtonCircleMedium": { + "regular": "var(--vkui--size_button_circle_medium--regular, 40px)", + }, + "sizeButtonCircleSmall": { + "regular": "var(--vkui--size_button_circle_small--regular, 32px)", + }, + "sizeButtonLargeHeight": { + "regular": "var(--vkui--size_button_large_height--regular, 40px)", + }, + "sizeButtonMediumHeight": { + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonPaddingHorizontalLarge": { + "regular": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + }, + "sizeButtonSmallHeight": { + "regular": "var(--vkui--size_button_small_height--regular, 24px)", + }, + "sizeCardgridGapSpaceLarge": { + "regular": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + }, + "sizeCardgridGapSpaceMedium": { + "regular": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + }, + "sizeFieldHeight": { + "regular": "var(--vkui--size_field_height--regular, 40px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeIconUILarge": { + "regular": "var(--vkui--size_icon_u_i_large--regular, 20px)", + }, + "sizeIconUIMedium": { + "regular": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + }, + "sizeListItemHeight": { + "regular": "var(--vkui--size_list_item_height--regular, 44px)", + }, + "sizePageHorizontalPadding": { + "regular": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 800px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 360px)", + }, + "sizeTag": { + "regular": "var(--vkui--size_tag--regular, 24px)", + }, + "themeInheritsFrom": "var(--vkui--theme_inherits_from, paradigm)", + "themeName": "var(--vkui--theme_name, pulseDark)", + "themeNameBase": "var(--vkui--theme_name_base, pulse)", + "themeType": "pixelify", +} +`; + +exports[`shapshots pulseDark theme should match root theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "colorAccentBlue": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentPurple": { + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", + }, + "colorAccentRed": { + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", + }, + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", + }, + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "colorBackgroundAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.36)", + "hover": "rgba(0, 95, 249, 0.32)", + "normal": "rgba(0, 95, 249, 0.28)", + }, + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.36)", + "hover": "rgba(237, 10, 52, 0.32)", + "normal": "rgba(237, 10, 52, 0.28)", + }, + "colorBackgroundPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.36)", + "hover": "rgba(13, 194, 104, 0.32)", + "normal": "rgba(13, 194, 104, 0.28)", + }, + "colorBackgroundSecondary": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundTertiary": { + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", + }, + "colorBackgroundWarning": { + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.36)", + "hover": "rgba(255, 158, 0, 0.32)", + "normal": "rgba(255, 158, 0, 0.28)", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "colorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorIconAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", + }, + "colorIconMediumAlpha": { + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", + }, + "colorIconTertiary": { + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorPanelHeaderIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorSeparatorPrimary": { + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorSeparatorSecondary": { + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", + }, + "colorSkeletonFrom": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorSkeletonTo": { + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", + }, + "colorStrokeAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorStrokePositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextAccent": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextLink": { + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkVisited": { + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorTextPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "colorTextSubhead": { + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", + }, + "colorTextTertiary": { + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", + }, + "colorTrackBackground": { + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", + }, + "colorTrackBuffer": { + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorWriteBarInputBackground": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "elevation1": "0px 16px 48px rgba(0, 0, 0, 0.28)", + "elevation2": "0px 16px 48px rgba(0, 0, 0, 0.48)", + "elevation3": "0px 16px 48px rgba(0, 0, 0, 0.64)", + "fontCaption1": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 16, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 15, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontMediaHeader": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 40, + "lineHeight": "48px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 36, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", + }, + }, + "fontMediaLead": { + "compact": { + "fontSize": 22, + "letterSpacing": "-0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "letterSpacing": 0, + "lineHeight": "28px", + }, + }, + "fontMediaParagraph": { + "compact": { + "fontSize": 19, + "fontWeight": 400, + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Georgia, serif", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": "36px", + }, + }, + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontMediaTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": 16, + "lineHeight": "22px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 400, + "gradientSkeleton": "linear-gradient(110deg, #292929, #383838)", + "opacityDisable": 0.48, + "prefix": "vkui", + "pulseColorAccentYellow": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#FFD400", + }, + "pulseColorBackgroundPurple": { + "active": "#846DEA", + "hover": "#7E66E9", + "normal": "#7960E8", + }, + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", + }, + "pulseColorPurpleAlpha": { + "active": "rgba(234, 226, 255, 0.2)", + "hover": "rgba(234, 226, 255, 0.16)", + "normal": "rgba(234, 226, 255, 0.12)", + }, + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.2)", + "hover": "rgba(226, 236, 255, 0.16)", + "normal": "rgba(226, 236, 255, 0.12)", + }, + "pulseZIndexDropdown": 100, + "pulseZIndexFixed": 120, + "pulseZIndexModal": 140, + "pulseZIndexModalBackdrop": 130, + "pulseZIndexSticky": 110, + "pulseZIndexTooltip": 150, + "sizeAvatarL": { + "regular": 60, + }, + "sizeAvatarM": { + "regular": 40, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadge": { + "regular": 20, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusCard": { + "regular": 12, + }, + "sizeBorderRadiusLarge": { + "regular": 12, + }, + "sizeBorderRadiusPill": { + "regular": 100, + }, + "sizeBorderRadiusSmall": { + "regular": 4, + }, + "sizeButtonCircleLarge": { + "regular": 44, + }, + "sizeButtonCircleMedium": { + "regular": 40, + }, + "sizeButtonCircleSmall": { + "regular": 32, + }, + "sizeButtonLargeHeight": { + "regular": 40, + }, + "sizeButtonMediumHeight": { + "regular": 32, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonPaddingHorizontalLarge": { + "regular": 16, + }, + "sizeButtonSmallHeight": { + "regular": 24, + }, + "sizeCardgridGapSpaceLarge": { + "regular": 20, + }, + "sizeCardgridGapSpaceMedium": { + "regular": 16, + }, + "sizeFieldHeight": { + "regular": 40, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeIconUILarge": { + "regular": 20, + }, + "sizeIconUIMedium": { + "regular": 16, + }, + "sizeListItemHeight": { + "regular": 44, + }, + "sizePageHorizontalPadding": { + "regular": 16, + }, + "sizePopupLarge": { + "regular": 800, + }, + "sizePopupMedium": { + "regular": 360, + }, + "sizeTag": { + "regular": 24, + }, + "themeInheritsFrom": "paradigm", + "themeName": "pulseDark", + "themeNameBase": "pulse", + "themeType": "root", +} +`; + +exports[`shapshots search theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, + }, + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED033A)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + }, + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, + }, + "colorBackgroundAccentTintThemed": { + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #FFFFFF)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #303030)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, + }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, + }, + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + }, + }, + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, + }, + "colorBackgroundPositiveTintThemed": { + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", + }, + }, + "colorBackgroundWarningTint": { + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", + }, + }, + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, + }, + "colorBackgroundWarningTintThemed": { + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, + }, + "colorButtonContrast": { + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", + }, + }, + "colorButtonContrastAlpha": { + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #0077ff)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #0077ff)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #0077ff)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ffffff)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #919399)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED033a)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FF9E00)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #DADCE0)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077ff)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED033a)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0070f0)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #004EB1)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #0050B6)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0053BB)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4D0452)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #510453)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #540354)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #34383E)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #37393E)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #393B3E)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ED330a)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #2C2D2E)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #87898F)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #797A80)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + }, + "colorThumbErrorBackgroundAlpha": { + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + }, + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + }, + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, + }, + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + }, + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + }, + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + }, + "colorTooltipTextGreenThemed": { + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + }, + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, + }, + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #DADCE0)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 4px 12px rgba(0, 16, 61, 0.05))", + }, + "elevation1Hover": { + "name": "--vkui--elevation1_hover", + "value": "var(--vkui--elevation1_hover, 0px 6px 16px rgba(0, 16, 61, 0.09))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 6px 20px rgba(0, 16, 61, 0.07))", + }, + "elevation2Hover": { + "name": "--vkui--elevation2_hover", + "value": "var(--vkui--elevation2_hover, 0px 10px 24px rgba(0, 16, 61, 0.11))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 4px 20px rgba(0, 0, 0, 0.13))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + }, + "elevationButtons": { + "name": "--vkui--elevation_buttons", + "value": "var(--vkui--elevation_buttons, 0px 6px 20px rgba(0, 16, 61, 0.1))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Arial, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + }, + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + }, + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "searchCardBackground": { + "name": "--vkui--search_card_background", + "value": "var(--vkui--search_card_background, linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%))", + }, + "searchCardWithTextBackground": { + "name": "--vkui--search_card_with_text_background", + "value": "var(--vkui--search_card_with_text_background, linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%))", + }, + "searchColorBackgroundAccentTint": { + "active": { + "name": "--vkui--search_color_background_accent_tint--active", + "value": "var(--vkui--search_color_background_accent_tint--active, #E0E5EE)", + }, + "hover": { + "name": "--vkui--search_color_background_accent_tint--hover", + "value": "var(--vkui--search_color_background_accent_tint--hover, #E9EEF5)", + }, + "normal": { + "name": "--vkui--search_color_background_accent_tint", + "value": "var(--vkui--search_color_background_accent_tint, #F3F7FD)", + }, + }, + "searchColorBackgroundOrangeAccentActive": { + "active": { + "name": "--vkui--search_color_background_orange_accent_active--active", + "value": "var(--vkui--search_color_background_orange_accent_active--active, #E18D05)", + }, + "hover": { + "name": "--vkui--search_color_background_orange_accent_active--hover", + "value": "var(--vkui--search_color_background_orange_accent_active--hover, #EB9302)", + }, + "normal": { + "name": "--vkui--search_color_background_orange_accent_active", + "value": "var(--vkui--search_color_background_orange_accent_active, #F59800)", + }, + }, + "searchColorBackgroundOrangeAccentHover": { + "active": { + "name": "--vkui--search_color_background_orange_accent_hover--active", + "value": "var(--vkui--search_color_background_orange_accent_hover--active, #EBA940)", + }, + "hover": { + "name": "--vkui--search_color_background_orange_accent_hover--hover", + "value": "var(--vkui--search_color_background_orange_accent_hover--hover, #F5AF40)", + }, + "normal": { + "name": "--vkui--search_color_background_orange_accent_hover", + "value": "var(--vkui--search_color_background_orange_accent_hover, #FFB640)", + }, + }, + "searchColorTextLinkAlternativeHover": { + "active": { + "name": "--vkui--search_color_text_link_alternative_hover--active", + "value": "var(--vkui--search_color_text_link_alternative_hover--active, #DE641A)", + }, + "hover": { + "name": "--vkui--search_color_text_link_alternative_hover--hover", + "value": "var(--vkui--search_color_text_link_alternative_hover--hover, #E76719)", + }, + "normal": { + "name": "--vkui--search_color_text_link_alternative_hover", + "value": "var(--vkui--search_color_text_link_alternative_hover, #F16B17)", + }, + }, + "searchColorTextLinkPositive": { + "active": { + "name": "--vkui--search_color_text_link_positive--active", + "value": "var(--vkui--search_color_text_link_positive--active, #282B2F)", + }, + "hover": { + "name": "--vkui--search_color_text_link_positive--hover", + "value": "var(--vkui--search_color_text_link_positive--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--search_color_text_link_positive", + "value": "var(--vkui--search_color_text_link_positive, #2C2D2E)", + }, + }, + "searchColorTextLinkPositiveTint": { + "active": { + "name": "--vkui--search_color_text_link_positive_tint--active", + "value": "var(--vkui--search_color_text_link_positive_tint--active, #629D62)", + }, + "hover": { + "name": "--vkui--search_color_text_link_positive_tint--hover", + "value": "var(--vkui--search_color_text_link_positive_tint--hover, #66A363)", + }, + "normal": { + "name": "--vkui--search_color_text_link_positive_tint", + "value": "var(--vkui--search_color_text_link_positive_tint, #6AA965)", + }, + }, + "searchFontForAdvertisingBold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_for_advertising_bold--font_family", + "value": "var(--vkui--search_font_for_advertising_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_for_advertising_bold--font_size", + "value": "var(--vkui--search_font_for_advertising_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_for_advertising_bold--font_weight", + "value": "var(--vkui--search_font_for_advertising_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_for_advertising_bold--line_height", + "value": "var(--vkui--search_font_for_advertising_bold--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_for_advertising_bold--font_family--compact", + "value": "var(--vkui--search_font_for_advertising_bold--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_for_advertising_bold--font_size--compact", + "value": "var(--vkui--search_font_for_advertising_bold--font_size--compact, 17px)", + }, + "fontWeight": { + "name": "--vkui--search_font_for_advertising_bold--font_weight--compact", + "value": "var(--vkui--search_font_for_advertising_bold--font_weight--compact, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_for_advertising_bold--line_height--compact", + "value": "var(--vkui--search_font_for_advertising_bold--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_for_advertising_bold--font_family--regular", + "value": "var(--vkui--search_font_for_advertising_bold--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_for_advertising_bold--font_size--regular", + "value": "var(--vkui--search_font_for_advertising_bold--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--search_font_for_advertising_bold--font_weight--regular", + "value": "var(--vkui--search_font_for_advertising_bold--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_for_advertising_bold--line_height--regular", + "value": "var(--vkui--search_font_for_advertising_bold--line_height--regular, 24px)", + }, + }, + }, + "searchFontGreenURL": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_green_u_r_l--font_family", + "value": "var(--vkui--search_font_green_u_r_l--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_green_u_r_l--font_size", + "value": "var(--vkui--search_font_green_u_r_l--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_green_u_r_l--font_weight", + "value": "var(--vkui--search_font_green_u_r_l--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_green_u_r_l--line_height", + "value": "var(--vkui--search_font_green_u_r_l--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_green_u_r_l--font_family--compact", + "value": "var(--vkui--search_font_green_u_r_l--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_green_u_r_l--font_size--compact", + "value": "var(--vkui--search_font_green_u_r_l--font_size--compact, 14px)", + }, + "fontWeight": { + "name": "--vkui--search_font_green_u_r_l--font_weight--compact", + "value": "var(--vkui--search_font_green_u_r_l--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_green_u_r_l--line_height--compact", + "value": "var(--vkui--search_font_green_u_r_l--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_green_u_r_l--font_family--regular", + "value": "var(--vkui--search_font_green_u_r_l--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_green_u_r_l--font_size--regular", + "value": "var(--vkui--search_font_green_u_r_l--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--search_font_green_u_r_l--font_weight--regular", + "value": "var(--vkui--search_font_green_u_r_l--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_green_u_r_l--line_height--regular", + "value": "var(--vkui--search_font_green_u_r_l--line_height--regular, 18px)", + }, + }, + }, + "searchFontParagraphBold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_paragraph_bold--font_family", + "value": "var(--vkui--search_font_paragraph_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_paragraph_bold--font_size", + "value": "var(--vkui--search_font_paragraph_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_paragraph_bold--font_weight", + "value": "var(--vkui--search_font_paragraph_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_paragraph_bold--line_height", + "value": "var(--vkui--search_font_paragraph_bold--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_paragraph_bold--font_family--compact", + "value": "var(--vkui--search_font_paragraph_bold--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_paragraph_bold--font_size--compact", + "value": "var(--vkui--search_font_paragraph_bold--font_size--compact, 15px)", + }, + "fontWeight": { + "name": "--vkui--search_font_paragraph_bold--font_weight--compact", + "value": "var(--vkui--search_font_paragraph_bold--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--search_font_paragraph_bold--line_height--compact", + "value": "var(--vkui--search_font_paragraph_bold--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_paragraph_bold--font_family--regular", + "value": "var(--vkui--search_font_paragraph_bold--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_paragraph_bold--font_size--regular", + "value": "var(--vkui--search_font_paragraph_bold--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--search_font_paragraph_bold--font_weight--regular", + "value": "var(--vkui--search_font_paragraph_bold--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--search_font_paragraph_bold--line_height--regular", + "value": "var(--vkui--search_font_paragraph_bold--line_height--regular, 20px)", + }, + }, + }, + "searchFontSearchBigText": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_big_text--font_family", + "value": "var(--vkui--search_font_search_big_text--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_big_text--font_size", + "value": "var(--vkui--search_font_search_big_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_big_text--font_weight", + "value": "var(--vkui--search_font_search_big_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_big_text--line_height", + "value": "var(--vkui--search_font_search_big_text--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_big_text--font_family--compact", + "value": "var(--vkui--search_font_search_big_text--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_big_text--font_size--compact", + "value": "var(--vkui--search_font_search_big_text--font_size--compact, 16px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_big_text--font_weight--compact", + "value": "var(--vkui--search_font_search_big_text--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_big_text--line_height--compact", + "value": "var(--vkui--search_font_search_big_text--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_big_text--font_family--regular", + "value": "var(--vkui--search_font_search_big_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_big_text--font_size--regular", + "value": "var(--vkui--search_font_search_big_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_big_text--font_weight--regular", + "value": "var(--vkui--search_font_search_big_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_big_text--line_height--regular", + "value": "var(--vkui--search_font_search_big_text--line_height--regular, 20px)", + }, + }, + }, + "searchFontSearchBigTextBold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_big_text_bold--font_family", + "value": "var(--vkui--search_font_search_big_text_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_big_text_bold--font_size", + "value": "var(--vkui--search_font_search_big_text_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_big_text_bold--font_weight", + "value": "var(--vkui--search_font_search_big_text_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_big_text_bold--line_height", + "value": "var(--vkui--search_font_search_big_text_bold--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_big_text_bold--font_family--compact", + "value": "var(--vkui--search_font_search_big_text_bold--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_big_text_bold--font_size--compact", + "value": "var(--vkui--search_font_search_big_text_bold--font_size--compact, 16px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_big_text_bold--font_weight--compact", + "value": "var(--vkui--search_font_search_big_text_bold--font_weight--compact, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_big_text_bold--line_height--compact", + "value": "var(--vkui--search_font_search_big_text_bold--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_big_text_bold--font_family--regular", + "value": "var(--vkui--search_font_search_big_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_big_text_bold--font_size--regular", + "value": "var(--vkui--search_font_search_big_text_bold--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_big_text_bold--font_weight--regular", + "value": "var(--vkui--search_font_search_big_text_bold--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_big_text_bold--line_height--regular", + "value": "var(--vkui--search_font_search_big_text_bold--line_height--regular, 20px)", + }, + }, + }, + "searchFontSearchCaption1Bold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_caption1_bold--font_family", + "value": "var(--vkui--search_font_search_caption1_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption1_bold--font_size", + "value": "var(--vkui--search_font_search_caption1_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption1_bold--font_weight", + "value": "var(--vkui--search_font_search_caption1_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption1_bold--line_height", + "value": "var(--vkui--search_font_search_caption1_bold--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_caption1_bold--font_family--compact", + "value": "var(--vkui--search_font_search_caption1_bold--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption1_bold--font_size--compact", + "value": "var(--vkui--search_font_search_caption1_bold--font_size--compact, 12px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption1_bold--font_weight--compact", + "value": "var(--vkui--search_font_search_caption1_bold--font_weight--compact, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption1_bold--line_height--compact", + "value": "var(--vkui--search_font_search_caption1_bold--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_caption1_bold--font_family--regular", + "value": "var(--vkui--search_font_search_caption1_bold--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption1_bold--font_size--regular", + "value": "var(--vkui--search_font_search_caption1_bold--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption1_bold--font_weight--regular", + "value": "var(--vkui--search_font_search_caption1_bold--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption1_bold--line_height--regular", + "value": "var(--vkui--search_font_search_caption1_bold--line_height--regular, 16px)", + }, + }, + }, + "searchFontSearchCaption1MailSans": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_family", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_size", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_weight", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption1_mail_sans--line_height", + "value": "var(--vkui--search_font_search_caption1_mail_sans--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_family--compact", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_size--compact", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_size--compact, 12px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_weight--compact", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption1_mail_sans--line_height--compact", + "value": "var(--vkui--search_font_search_caption1_mail_sans--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_family--regular", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_size--regular", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption1_mail_sans--font_weight--regular", + "value": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption1_mail_sans--line_height--regular", + "value": "var(--vkui--search_font_search_caption1_mail_sans--line_height--regular, 16px)", + }, + }, + }, + "searchFontSearchCaption2MailSans": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_family", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_size", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_weight", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption2_mail_sans--line_height", + "value": "var(--vkui--search_font_search_caption2_mail_sans--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_family--compact", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_size--compact", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_size--compact, 11px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_weight--compact", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption2_mail_sans--line_height--compact", + "value": "var(--vkui--search_font_search_caption2_mail_sans--line_height--compact, 14px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_family--regular", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_size--regular", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_caption2_mail_sans--font_weight--regular", + "value": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_caption2_mail_sans--line_height--regular", + "value": "var(--vkui--search_font_search_caption2_mail_sans--line_height--regular, 14px)", + }, + }, + }, + "searchFontSearchExtraHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_extra_headline--font_family", + "value": "var(--vkui--search_font_search_extra_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_extra_headline--font_size", + "value": "var(--vkui--search_font_search_extra_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_extra_headline--font_weight", + "value": "var(--vkui--search_font_search_extra_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_extra_headline--line_height", + "value": "var(--vkui--search_font_search_extra_headline--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_extra_headline--font_family--regular", + "value": "var(--vkui--search_font_search_extra_headline--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_extra_headline--font_size--regular", + "value": "var(--vkui--search_font_search_extra_headline--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_extra_headline--font_weight--regular", + "value": "var(--vkui--search_font_search_extra_headline--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_extra_headline--line_height--regular", + "value": "var(--vkui--search_font_search_extra_headline--line_height--regular, 28px)", + }, + }, + }, + "searchFontSearchFootnoteBold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_footnote_bold--font_family", + "value": "var(--vkui--search_font_search_footnote_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_footnote_bold--font_size", + "value": "var(--vkui--search_font_search_footnote_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_footnote_bold--font_weight", + "value": "var(--vkui--search_font_search_footnote_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_footnote_bold--line_height", + "value": "var(--vkui--search_font_search_footnote_bold--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_footnote_bold--font_family--compact", + "value": "var(--vkui--search_font_search_footnote_bold--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_footnote_bold--font_size--compact", + "value": "var(--vkui--search_font_search_footnote_bold--font_size--compact, 13px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_footnote_bold--font_weight--compact", + "value": "var(--vkui--search_font_search_footnote_bold--font_weight--compact, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_footnote_bold--line_height--compact", + "value": "var(--vkui--search_font_search_footnote_bold--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_footnote_bold--font_family--regular", + "value": "var(--vkui--search_font_search_footnote_bold--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_footnote_bold--font_size--regular", + "value": "var(--vkui--search_font_search_footnote_bold--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_footnote_bold--font_weight--regular", + "value": "var(--vkui--search_font_search_footnote_bold--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_footnote_bold--line_height--regular", + "value": "var(--vkui--search_font_search_footnote_bold--line_height--regular, 18px)", + }, + }, + }, + "searchFontSearchFootnoteMailSans": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_family", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_size", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_weight", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_footnote_mail_sans--line_height", + "value": "var(--vkui--search_font_search_footnote_mail_sans--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_family--compact", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_family--compact, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_size--compact", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_size--compact, 13px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_weight--compact", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_footnote_mail_sans--line_height--compact", + "value": "var(--vkui--search_font_search_footnote_mail_sans--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_family--regular", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_size--regular", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_footnote_mail_sans--font_weight--regular", + "value": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_footnote_mail_sans--line_height--regular", + "value": "var(--vkui--search_font_search_footnote_mail_sans--line_height--regular, 18px)", + }, + }, + }, + "searchFontSearchHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_headline2--font_family", + "value": "var(--vkui--search_font_search_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_headline2--font_size", + "value": "var(--vkui--search_font_search_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_headline2--font_weight", + "value": "var(--vkui--search_font_search_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_headline2--line_height", + "value": "var(--vkui--search_font_search_headline2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_headline2--font_family--compact", + "value": "var(--vkui--search_font_search_headline2--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_headline2--font_size--compact", + "value": "var(--vkui--search_font_search_headline2--font_size--compact, 14px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_headline2--font_weight--compact", + "value": "var(--vkui--search_font_search_headline2--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_headline2--line_height--compact", + "value": "var(--vkui--search_font_search_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_headline2--font_family--regular", + "value": "var(--vkui--search_font_search_headline2--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_headline2--font_size--regular", + "value": "var(--vkui--search_font_search_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_headline2--font_weight--regular", + "value": "var(--vkui--search_font_search_headline2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_headline2--line_height--regular", + "value": "var(--vkui--search_font_search_headline2--line_height--regular, 20px)", + }, + }, + }, + "searchFontSearchSubheadBold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_subhead_bold--font_family", + "value": "var(--vkui--search_font_search_subhead_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_subhead_bold--font_size", + "value": "var(--vkui--search_font_search_subhead_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_subhead_bold--font_weight", + "value": "var(--vkui--search_font_search_subhead_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_subhead_bold--line_height", + "value": "var(--vkui--search_font_search_subhead_bold--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_subhead_bold--font_family--compact", + "value": "var(--vkui--search_font_search_subhead_bold--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_subhead_bold--font_size--compact", + "value": "var(--vkui--search_font_search_subhead_bold--font_size--compact, 14px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_subhead_bold--font_weight--compact", + "value": "var(--vkui--search_font_search_subhead_bold--font_weight--compact, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_subhead_bold--line_height--compact", + "value": "var(--vkui--search_font_search_subhead_bold--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_subhead_bold--font_family--regular", + "value": "var(--vkui--search_font_search_subhead_bold--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_subhead_bold--font_size--regular", + "value": "var(--vkui--search_font_search_subhead_bold--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_subhead_bold--font_weight--regular", + "value": "var(--vkui--search_font_search_subhead_bold--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_subhead_bold--line_height--regular", + "value": "var(--vkui--search_font_search_subhead_bold--line_height--regular, 18px)", + }, + }, + }, + "searchFontSearchTextBold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_text_bold--font_family", + "value": "var(--vkui--search_font_search_text_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_text_bold--font_size", + "value": "var(--vkui--search_font_search_text_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_text_bold--font_weight", + "value": "var(--vkui--search_font_search_text_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_text_bold--line_height", + "value": "var(--vkui--search_font_search_text_bold--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_text_bold--font_family--compact", + "value": "var(--vkui--search_font_search_text_bold--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_text_bold--font_size--compact", + "value": "var(--vkui--search_font_search_text_bold--font_size--compact, 15px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_text_bold--font_weight--compact", + "value": "var(--vkui--search_font_search_text_bold--font_weight--compact, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_text_bold--line_height--compact", + "value": "var(--vkui--search_font_search_text_bold--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_text_bold--font_family--regular", + "value": "var(--vkui--search_font_search_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_text_bold--font_size--regular", + "value": "var(--vkui--search_font_search_text_bold--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_text_bold--font_weight--regular", + "value": "var(--vkui--search_font_search_text_bold--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_text_bold--line_height--regular", + "value": "var(--vkui--search_font_search_text_bold--line_height--regular, 20px)", + }, + }, + }, + "searchFontSearchTextMailSans": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_text_mail_sans--font_family", + "value": "var(--vkui--search_font_search_text_mail_sans--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_text_mail_sans--font_size", + "value": "var(--vkui--search_font_search_text_mail_sans--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_text_mail_sans--font_weight", + "value": "var(--vkui--search_font_search_text_mail_sans--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_text_mail_sans--line_height", + "value": "var(--vkui--search_font_search_text_mail_sans--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--search_font_search_text_mail_sans--font_family--compact", + "value": "var(--vkui--search_font_search_text_mail_sans--font_family--compact, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_text_mail_sans--font_size--compact", + "value": "var(--vkui--search_font_search_text_mail_sans--font_size--compact, 15px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_text_mail_sans--font_weight--compact", + "value": "var(--vkui--search_font_search_text_mail_sans--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_text_mail_sans--line_height--compact", + "value": "var(--vkui--search_font_search_text_mail_sans--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_text_mail_sans--font_family--regular", + "value": "var(--vkui--search_font_search_text_mail_sans--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_text_mail_sans--font_size--regular", + "value": "var(--vkui--search_font_search_text_mail_sans--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_text_mail_sans--font_weight--regular", + "value": "var(--vkui--search_font_search_text_mail_sans--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_text_mail_sans--line_height--regular", + "value": "var(--vkui--search_font_search_text_mail_sans--line_height--regular, 20px)", + }, + }, + }, + "searchFontSearchTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_title4--font_family", + "value": "var(--vkui--search_font_search_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_title4--font_size", + "value": "var(--vkui--search_font_search_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_title4--font_weight", + "value": "var(--vkui--search_font_search_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_title4--line_height", + "value": "var(--vkui--search_font_search_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_title4--font_family--regular", + "value": "var(--vkui--search_font_search_title4--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_title4--font_size--regular", + "value": "var(--vkui--search_font_search_title4--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_title4--font_weight--regular", + "value": "var(--vkui--search_font_search_title4--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_title4--line_height--regular", + "value": "var(--vkui--search_font_search_title4--line_height--regular, 24px)", + }, + }, + }, + "searchFontSearchTitle4Bold": { + "auto": { + "fontFamily": { + "name": "--vkui--search_font_search_title4_bold--font_family", + "value": "var(--vkui--search_font_search_title4_bold--font_family)", + }, + "fontSize": { + "name": "--vkui--search_font_search_title4_bold--font_size", + "value": "var(--vkui--search_font_search_title4_bold--font_size)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_title4_bold--font_weight", + "value": "var(--vkui--search_font_search_title4_bold--font_weight)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_title4_bold--line_height", + "value": "var(--vkui--search_font_search_title4_bold--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--search_font_search_title4_bold--font_family--regular", + "value": "var(--vkui--search_font_search_title4_bold--font_family--regular, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--search_font_search_title4_bold--font_size--regular", + "value": "var(--vkui--search_font_search_title4_bold--font_size--regular, 18px)", + }, + "fontWeight": { + "name": "--vkui--search_font_search_title4_bold--font_weight--regular", + "value": "var(--vkui--search_font_search_title4_bold--font_weight--regular, 700)", + }, + "lineHeight": { + "name": "--vkui--search_font_search_title4_bold--line_height--regular", + "value": "var(--vkui--search_font_search_title4_bold--line_height--regular, 24px)", + }, + }, }, - "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, - "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, }, - "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #ffffff)", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, }, - "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, }, - "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, }, - "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, }, - "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, }, - "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, }, - "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, }, - "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "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)", + }, }, - "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EB9305)", - "hover": "var(--vkui--color_icon_warning--hover, #F59802)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, }, - "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, }, - "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, }, - "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, }, - "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, }, - "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "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)", + }, }, - "colorRating": { - "active": "var(--vkui--color_rating--active, #EBC405)", - "hover": "var(--vkui--color_rating--hover, #F5CC02)", - "normal": "var(--vkui--color_rating, #ffd400)", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, }, - "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", - "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, }, - "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #EBECEF)", - "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, }, - "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, }, - "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, }, - "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, }, - "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, }, - "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, }, - "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, }, - "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, }, - "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, }, - "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, }, - "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", - "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2C2D2E)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, }, - "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #797A80)", + "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, 16px)", + }, }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + "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, 12px)", + }, }, - "colorThumbErrorBackgroundAlpha": { - "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "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)", + }, }, - "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, }, - "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, - "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, }, - "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, }, - "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, }, - "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, }, - "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, }, - "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #DADCE0)", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, }, - "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--color_transparent, transparent)", + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, }, - "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, }, - "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, }, - "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", + }, + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", + }, }, - "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, }, - "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", - "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", - "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", - "fontCaption1": { + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", + }, + "sizeHeaderIcon": { + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "fontCaption1Caps": { + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, - "fontCaption2": { + "sizeIconMorePadding": { + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "fontCaption2Caps": { + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "fontCaption3": { + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "fontCaption3Caps": { + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "fontDisplayTitle1": { + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "fontDisplayTitle3": { + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "fontDisplayTitle4": { + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", - "fontFootnote": { + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, "regular": { - "fontSize": "var(--vkui--font_footnote--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 300)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 20px)", + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "fontFootnoteCaps": { + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "fontH0": { - "compact": { - "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", - "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", - "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "fontH1": { - "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 48px)", - "fontWeight": "var(--vkui--font_h1--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 56px)", - "margin": "var(--vkui--font_h1--margin--compact, 0 0 24px 0)", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, - "compactX": { - "fontSize": "var(--vkui--font_h1--font_size--compact_x, 40px)", - "fontWeight": "var(--vkui--font_h1--font_weight--compact_x, 400)", - "lineHeight": "var(--vkui--font_h1--line_height--compact_x, 48px)", - "margin": "var(--vkui--font_h1--margin--compact_x, 0 0 32px 0)", + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, - "large": { - "fontSize": "var(--vkui--font_h1--font_size--large, 64px)", - "fontWeight": "var(--vkui--font_h1--font_weight--large, 400)", - "lineHeight": "var(--vkui--font_h1--line_height--large, 72px)", - "margin": "var(--vkui--font_h1--margin--large, 0 0 32px 0)", + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, - "largeX": { - "fontSize": "var(--vkui--font_h1--font_size--large_x, 88px)", - "fontWeight": "var(--vkui--font_h1--font_weight--large_x, 400)", - "lineHeight": "var(--vkui--font_h1--line_height--large_x, 96px)", - "margin": "var(--vkui--font_h1--margin--large_x, 0 0 40px 0)", + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "largeXX": { - "fontSize": "var(--vkui--font_h1--font_size--large_x_x, 88px)", - "fontWeight": "var(--vkui--font_h1--font_weight--large_x_x, 400)", - "lineHeight": "var(--vkui--font_h1--line_height--large_x_x, 96px)", - "margin": "var(--vkui--font_h1--margin--large_x_x, 0 0 40px 0)", + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { - "fontSize": "var(--vkui--font_h1--font_size--regular, 48px)", - "fontWeight": "var(--vkui--font_h1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 56px)", - "margin": "var(--vkui--font_h1--margin--regular, 0 0 24px 0)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "fontH2": { + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 32px)", - "fontWeight": "var(--vkui--font_h2--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 40px)", - "margin": "var(--vkui--font_h2--margin--compact, 0 0 28px 0)", + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", }, - "compactX": { - "fontSize": "var(--vkui--font_h2--font_size--compact_x, 28px)", - "fontWeight": "var(--vkui--font_h2--font_weight--compact_x, 400)", - "lineHeight": "var(--vkui--font_h2--line_height--compact_x, 36px)", - "margin": "var(--vkui--font_h2--margin--compact_x, 0 0 24px 0)", + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, - "large": { - "fontSize": "var(--vkui--font_h2--font_size--large, 48px)", - "fontWeight": "var(--vkui--font_h2--font_weight--large, 400)", - "lineHeight": "var(--vkui--font_h2--line_height--large, 56px)", - "margin": "var(--vkui--font_h2--margin--large, 0 0 32px 0)", + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - "largeX": { - "fontSize": "var(--vkui--font_h2--font_size--large_x, 48px)", - "fontWeight": "var(--vkui--font_h2--font_weight--large_x, 400)", - "lineHeight": "var(--vkui--font_h2--line_height--large_x, 56px)", - "margin": "var(--vkui--font_h2--margin--large_x, 0 0 32px 0)", + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", }, - "largeXX": { - "fontSize": "var(--vkui--font_h2--font_size--large_x_x, 64px)", - "fontWeight": "var(--vkui--font_h2--font_weight--large_x_x, 400)", - "lineHeight": "var(--vkui--font_h2--line_height--large_x_x, 72px)", - "margin": "var(--vkui--font_h2--margin--large_x_x, 0 0 40px 0)", + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "fontSize": "var(--vkui--font_h2--font_size--regular, 40px)", - "fontWeight": "var(--vkui--font_h2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 48px)", - "margin": "var(--vkui--font_h2--margin--regular, 0 0 32px 0)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "fontHeadline": { + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", - "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "fontParagraph": { + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "fontSubhead": { - "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, }, - "fontText": { + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, "regular": { - "fontSize": "var(--vkui--font_text--font_size--regular, 18px)", - "fontWeight": "var(--vkui--font_text--font_weight--regular, 300)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 28px)", + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", }, }, - "fontTitle1": { - "compact": { - "fontSize": "var(--vkui--font_title1--font_size--compact, 20px)", - "fontWeight": "var(--vkui--font_title1--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--compact, 28px)", - "margin": "var(--vkui--font_title1--margin--compact, 0 0 24px 0)", + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "compactX": { - "fontSize": "var(--vkui--font_title1--font_size--compact_x, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--compact_x, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--compact_x, 32px)", - "margin": "var(--vkui--font_title1--margin--compact_x, 0 0 24px 0)", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, - "large": { - "fontSize": "var(--vkui--font_title1--font_size--large, 32px)", - "fontWeight": "var(--vkui--font_title1--font_weight--large, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--large, 40px)", - "margin": "var(--vkui--font_title1--margin--large, 0 0 24px 0)", + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, - "largeX": { - "fontSize": "var(--vkui--font_title1--font_size--large_x, 32px)", - "fontWeight": "var(--vkui--font_title1--font_weight--large_x, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--large_x, 40px)", - "margin": "var(--vkui--font_title1--margin--large_x, 0 0 24px 0)", + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "largeXX": { - "fontSize": "var(--vkui--font_title1--font_size--large_x_x, 40px)", - "fontWeight": "var(--vkui--font_title1--font_weight--large_x_x, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--large_x_x, 48px)", - "margin": "var(--vkui--font_title1--margin--large_x_x, 0 0 32px 0)", + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", }, "regular": { - "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 32px)", - "margin": "var(--vkui--font_title1--margin--regular, 0 0 24px 0)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, - "fontTitle2": { + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, }, - "fontTitle3": { + "sizeSliceTopPadding": { + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", - "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", - "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", - "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "fontWeightBold": "var(--vkui--font_weight_bold, 500)", - "fontWeightMedium": "var(--vkui--font_weight_medium, 400)", - "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", - "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", - }, - "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", - }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", - }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", - }, - "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", - }, - "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", - }, - "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", - }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", - }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", - }, - "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", - }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", - }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", - }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", - }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", - }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", - }, - "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", - }, - "sizeBase": "var(--vkui--size_base, 4px)", - "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", - }, - "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", - }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", - }, - "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", - }, - "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", - }, - "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", - }, - "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", - }, - "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", - }, - "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", - }, - "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", - }, - "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", - }, - "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, - "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", - }, - "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", - }, - "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", - }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", - }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", - }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", - }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", - }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", - }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", - }, - "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", - }, - "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", - }, - "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", - }, - "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, - "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 48px)", - }, - "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 52px)", - "compactX": "var(--vkui--size_button_medium_height--compact_x, 64px)", - "large": "var(--vkui--size_button_medium_height--large, 64px)", - "largeX": "var(--vkui--size_button_medium_height--large_x, 64px)", - "largeXX": "var(--vkui--size_button_medium_height--large_x_x, 64px)", - "regular": "var(--vkui--size_button_medium_height--regular, 52px)", - }, - "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", - }, - "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 32px)", - }, - "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", - }, - "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", - }, - "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", - }, - "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 40px)", - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", - }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", - }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", - }, - "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", - }, - "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", - }, - "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", - }, - "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", - }, - "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", - }, - "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", - }, - "sizeContentBlockHorizontalPadding": { - "compact": "var(--vkui--size_content_block_horizontal_padding--compact, 0px)", - "compactX": "var(--vkui--size_content_block_horizontal_padding--compact_x, 20px)", - "large": "var(--vkui--size_content_block_horizontal_padding--large, 0px)", - "largeX": "var(--vkui--size_content_block_horizontal_padding--large_x, 0px)", - "largeXX": "var(--vkui--size_content_block_horizontal_padding--large_x_x, 0px)", - "regular": "var(--vkui--size_content_block_horizontal_padding--regular, 0px)", - }, - "sizeContentBlockVerticalPadding": { - "compact": "var(--vkui--size_content_block_vertical_padding--compact, 56px)", - "compactX": "var(--vkui--size_content_block_vertical_padding--compact_x, 48px)", - "large": "var(--vkui--size_content_block_vertical_padding--large, 72px)", - "largeX": "var(--vkui--size_content_block_vertical_padding--large_x, 88px)", - "largeXX": "var(--vkui--size_content_block_vertical_padding--large_x_x, 96px)", - "regular": "var(--vkui--size_content_block_vertical_padding--regular, 56px)", - }, - "sizeContentBlockWidth": { - "compact": "var(--vkui--size_content_block_width--compact, 700px)", - "compactX": "var(--vkui--size_content_block_width--compact_x, 100%)", - "large": "var(--vkui--size_content_block_width--large, 1220px)", - "largeX": "var(--vkui--size_content_block_width--large_x, 1260px)", - "largeXX": "var(--vkui--size_content_block_width--large_x_x, 1380px)", - "regular": "var(--vkui--size_content_block_width--regular, 940px)", - }, - "sizeControlButtonSmallWidthMin": { - "regular": "var(--vkui--size_control_button_small_width_min--regular, 160px)", - }, - "sizeControlButtonWidthMin": { - "regular": "var(--vkui--size_control_button_width_min--regular, 280px)", - }, - "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", - }, - "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", - }, - "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", - }, - "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", - }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", - }, - "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", - }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, - "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", - }, - "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", - }, - "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", - "regular": "var(--vkui--size_field_width_min--regular, 328px)", - }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", - }, - "sizeGrid": "var(--vkui--size_grid, 20px)", - "sizeGridColumn1X2": { - "compact": "var(--vkui--size_grid_column1_x2--compact, 320px)", - "compactX": "var(--vkui--size_grid_column1_x2--compact_x, 100%)", - "large": "var(--vkui--size_grid_column1_x2--large, 560px)", - "largeX": "var(--vkui--size_grid_column1_x2--large_x, 580px)", - "largeXX": "var(--vkui--size_grid_column1_x2--large_x_x, 620px)", - "regular": "var(--vkui--size_grid_column1_x2--regular, 420px)", - }, - "sizeGridColumn1X3": { - "compact": "var(--vkui--size_grid_column1_x3--compact, 200px)", - "compactX": "var(--vkui--size_grid_column1_x3--compact_x, 100%)", - "large": "var(--vkui--size_grid_column1_x3--large, 340px)", - "largeX": "var(--vkui--size_grid_column1_x3--large_x, 380px)", - "largeXX": "var(--vkui--size_grid_column1_x3--large_x_x, 380px)", - "regular": "var(--vkui--size_grid_column1_x3--regular, 260px)", + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, }, - "sizeGridColumn2X3": { - "compact": "var(--vkui--size_grid_column2_x3--compact, 450px)", - "compactX": "var(--vkui--size_grid_column2_x3--compact_x, 100%)", - "large": "var(--vkui--size_grid_column2_x3--large, 780px)", - "largeX": "var(--vkui--size_grid_column2_x3--large_x, 820px)", - "largeXX": "var(--vkui--size_grid_column2_x3--large_x_x, 920px)", - "regular": "var(--vkui--size_grid_column2_x3--regular, 600px)", + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, }, - "sizeGridColumnAsymmetricalLarge": { - "compact": "var(--vkui--size_grid_column_asymmetrical_large--compact, 380px)", - "compactX": "var(--vkui--size_grid_column_asymmetrical_large--compact_x, 100%)", - "large": "var(--vkui--size_grid_column_asymmetrical_large--large, 560px)", - "largeX": "var(--vkui--size_grid_column_asymmetrical_large--large_x, 560px)", - "largeXX": "var(--vkui--size_grid_column_asymmetrical_large--large_x_x, 640px)", - "regular": "var(--vkui--size_grid_column_asymmetrical_large--regular, 440px)", + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, }, - "sizeGridColumnAsymmetricalSmall": { - "compact": "var(--vkui--size_grid_column_asymmetrical_small--compact, 260px)", - "compactX": "var(--vkui--size_grid_column_asymmetrical_small--compact_x, 100%)", - "large": "var(--vkui--size_grid_column_asymmetrical_small--large, 500px)", - "largeX": "var(--vkui--size_grid_column_asymmetrical_small--large_x, 540px)", - "largeXX": "var(--vkui--size_grid_column_asymmetrical_small--large_x_x, 600px)", - "regular": "var(--vkui--size_grid_column_asymmetrical_small--regular, 420px)", + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, }, - "sizeHeaderHeightMin": { - "regular": "var(--vkui--size_header_height_min--regular, 90%)", + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, }, - "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, }, - "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 8px)", - "regular": "var(--vkui--size_icon_margin--regular, 12px)", + "sizeTabMargin": { + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", + }, + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", + }, }, - "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + "sizeTabPadding": { + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", + }, }, - "sizeIconUI": { - "compact": "var(--vkui--size_icon_u_i--compact, 20px)", - "compactX": "var(--vkui--size_icon_u_i--compact_x, 20px)", - "large": "var(--vkui--size_icon_u_i--large, 24px)", - "largeX": "var(--vkui--size_icon_u_i--large_x, 24px)", - "largeXX": "var(--vkui--size_icon_u_i--large_x_x, 24px)", - "regular": "var(--vkui--size_icon_u_i--regular, 20px)", + "sizeTableHorizontalPadding": { + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, }, - "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", + "sizeTableVerticalPadding": { + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, }, - "sizeIllustrationM": { - "compact": "var(--vkui--size_illustration_m--compact, 48px)", - "compactX": "var(--vkui--size_illustration_m--compact_x, 96px)", - "large": "var(--vkui--size_illustration_m--large, 96px)", - "largeX": "var(--vkui--size_illustration_m--large_x, 96px)", - "largeXX": "var(--vkui--size_illustration_m--large_x_x, 96px)", - "regular": "var(--vkui--size_illustration_m--regular, 48px)", + "sizeTagMargin": { + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", + }, + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", + }, }, - "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", + "sizeTagPadding": { + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", + }, }, - "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + "sizeTipMargin": { + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", + }, + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", + }, }, - "sizeIllustrationXXL": { - "compact": "var(--vkui--size_illustration_x_x_l--compact, 280px)", - "compactX": "var(--vkui--size_illustration_x_x_l--compact_x, 280px)", - "large": "var(--vkui--size_illustration_x_x_l--large, 380px)", - "largeX": "var(--vkui--size_illustration_x_x_l--large_x, 560px)", - "largeXX": "var(--vkui--size_illustration_x_x_l--large_x_x, 560px)", - "regular": "var(--vkui--size_illustration_x_x_l--regular, 360px)", + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "sizeVerticalPadding": { + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, }, - "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "sizeWysiwygIcon": { + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, }, - "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "sizeMarginIllustrationM": { - "compact": "var(--vkui--size_margin_illustration_m--compact, 24px)", - "compactX": "var(--vkui--size_margin_illustration_m--compact_x, 32px)", - "large": "var(--vkui--size_margin_illustration_m--large, 32px)", - "largeX": "var(--vkui--size_margin_illustration_m--large_x, 32px)", - "largeXX": "var(--vkui--size_margin_illustration_m--large_x_x, 32px)", - "regular": "var(--vkui--size_margin_illustration_m--regular, 24px)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "sizeMarginIllustrationXXL": { - "compact": "var(--vkui--size_margin_illustration_x_x_l--compact, 40px)", - "compactX": "var(--vkui--size_margin_illustration_x_x_l--compact_x, 40px)", - "large": "var(--vkui--size_margin_illustration_x_x_l--large, 100px)", - "largeX": "var(--vkui--size_margin_illustration_x_x_l--large_x, 100px)", - "largeXX": "var(--vkui--size_margin_illustration_x_x_l--large_x_x, 140px)", - "regular": "var(--vkui--size_margin_illustration_x_x_l--regular, 60px)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "sizeMarginL": { - "compact": "var(--vkui--size_margin_l--compact, 32px)", - "compactX": "var(--vkui--size_margin_l--compact_x, 32px)", - "large": "var(--vkui--size_margin_l--large, 40px)", - "largeX": "var(--vkui--size_margin_l--large_x, 48px)", - "largeXX": "var(--vkui--size_margin_l--large_x_x, 48px)", - "regular": "var(--vkui--size_margin_l--regular, 32px)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "sizeMarginM": { - "compact": "var(--vkui--size_margin_m--compact, 24px)", - "compactX": "var(--vkui--size_margin_m--compact_x, 24px)", - "large": "var(--vkui--size_margin_m--large, 32px)", - "largeX": "var(--vkui--size_margin_m--large_x, 40px)", - "largeXX": "var(--vkui--size_margin_m--large_x_x, 40px)", - "regular": "var(--vkui--size_margin_m--regular, 24px)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "sizeMarginS": { - "compact": "var(--vkui--size_margin_s--compact, 16px)", - "compactX": "var(--vkui--size_margin_s--compact_x, 16px)", - "large": "var(--vkui--size_margin_s--large, 24px)", - "largeX": "var(--vkui--size_margin_s--large_x, 32px)", - "largeXX": "var(--vkui--size_margin_s--large_x_x, 32px)", - "regular": "var(--vkui--size_margin_s--regular, 20px)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "sizeMarginXS": { - "compact": "var(--vkui--size_margin_x_s--compact, 12px)", - "compactX": "var(--vkui--size_margin_x_s--compact_x, 12px)", - "large": "var(--vkui--size_margin_x_s--large, 16px)", - "largeX": "var(--vkui--size_margin_x_s--large_x, 16px)", - "largeXX": "var(--vkui--size_margin_x_s--large_x_x, 16px)", - "regular": "var(--vkui--size_margin_x_s--regular, 12px)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, search)", }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, search)", }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", - "regular": "var(--vkui--size_popup_margin--regular, 8px)", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, - "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", }, - "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", }, - "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", }, - "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", }, - "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", }, - "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, promo)", - "themeNameBase": "var(--vkui--theme_name_base, promo)", - "themeType": "pixelify", - "toneValueActive": "var(--vkui--tone_value_active, 0.08)", - "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", - "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", - "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", - "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", - "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", - "typeBorderButton": "var(--vkui--type_border_button, solid)", - "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "widthDesktopL": "var(--vkui--width_desktop_l, "(min-width: 1600px) and (max-width: 2199px)")", - "widthDesktopM": "var(--vkui--width_desktop_m, "(min-width: 1300px) and (max-width: 1599px)")", - "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 1000px) and (max-width: 1299px)")", - "widthDesktopXL": "var(--vkui--width_desktop_x_l, "(min-width: 2200px)")", - "widthFromDesktopL": "var(--vkui--width_from_desktop_l, "(min-width: 1600px)")", - "widthFromDesktopM": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", - "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 1000px)")", - "widthFromDesktopXL": "var(--vkui--width_from_desktop_x_l, "(min-width: 2200px)")", - "widthFromTablet": "var(--vkui--width_from_tablet, "(min-width: 768px)")", - "widthTablet": "var(--vkui--width_tablet, "(min-width: 768px) and (max-width: 999px)")", - "widthToDesktopL": "var(--vkui--width_to_desktop_l, "(max-width: 2199px)")", - "widthToDesktopM": "var(--vkui--width_to_desktop_m, "(max-width: 1599px)")", - "widthToDesktopS": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", - "widthToTablet": "var(--vkui--width_to_tablet, "(max-width: 999px)")", - "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", - "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", - "x0": "var(--vkui--x0, 0px)", - "x025": "var(--vkui--x025, 1px)", - "x05": "var(--vkui--x05, 2px)", - "x1": "var(--vkui--x1, 4px)", - "x10": "var(--vkui--x10, 40px)", - "x12": "var(--vkui--x12, 48px)", - "x15": "var(--vkui--x15, 60px)", - "x2": "var(--vkui--x2, 8px)", - "x20": "var(--vkui--x20, 80px)", - "x3": "var(--vkui--x3, 12px)", - "x4": "var(--vkui--x4, 16px)", - "x5": "var(--vkui--x5, 20px)", - "x6": "var(--vkui--x6, 24px)", - "x8": "var(--vkui--x8, 32px)", - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots promo theme should match root theme snapshot 1`] = ` +exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -284979,28 +321290,12 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { - "desktopL": { - "adaptiveValue": "largeX", - "breakpoint": 1600, - }, - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, "desktopS": { - "adaptiveValue": "regular", - "breakpoint": 1000, - }, - "desktopXL": { - "adaptiveValue": "largeXX", - "breakpoint": 2200, - }, - "tablet": { "adaptiveValue": "compact", "breakpoint": 768, }, "touch": { - "adaptiveValue": "compactX", + "adaptiveValue": "regular", "breakpoint": 0, }, }, @@ -285010,9 +321305,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -285055,9 +321350,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -285065,9 +321360,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -285080,9 +321375,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -285100,9 +321395,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -285110,14 +321405,14 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -285125,19 +321420,19 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -285180,29 +321475,29 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -285239,6 +321534,16 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -285285,19 +321590,19 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -285315,14 +321620,14 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -285350,9 +321655,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -285425,9 +321730,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -285480,14 +321785,14 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -285495,9 +321800,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -285510,14 +321815,14 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -285530,14 +321835,14 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#004EB1", + "hover": "#0050B6", + "normal": "#0053BB", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -285545,19 +321850,19 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#34383E", + "hover": "#37393E", + "normal": "#393B3E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -285650,9 +321955,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -285670,326 +321975,253 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1": "0px 4px 12px rgba(0, 16, 61, 0.05)", + "elevation1Hover": "0px 6px 16px rgba(0, 16, 61, 0.09)", "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", - "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0px 6px 20px rgba(0, 16, 61, 0.07)", + "elevation2Hover": "0px 10px 24px rgba(0, 16, 61, 0.11)", + "elevation3": "0px 4px 20px rgba(0, 0, 0, 0.13)", "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "elevationButtons": "0px 6px 20px rgba(0, 16, 61, 0.1)", "fontCaption1": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, + "fontSize": "12px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, + "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", - "lineHeight": 16, + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", - "lineHeight": 12, + "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, + "fontSize": "23px", "fontWeight": 500, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, + "fontSize": "22px", "fontWeight": 500, - "lineHeight": 22, + "lineHeight": "22px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, + "fontSize": "21px", "fontWeight": 500, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, + "fontSize": "19px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, + "fontSize": "17px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontSize": 14, - "fontWeight": 300, - "lineHeight": "20px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": 18, + "lineHeight": "18px", "textTransform": "uppercase", }, }, "fontH0": { "compact": { - "fontSize": 44, - "lineHeight": 52, + "fontSize": "44px", + "lineHeight": "52px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, + "fontSize": "28px", "fontWeight": 500, - "lineHeight": 32, + "lineHeight": "32px", }, }, "fontH1": { "compact": { - "fontSize": 48, - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 24px 0", - }, - "compactX": { - "fontSize": 40, - "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", - }, - "large": { - "fontSize": 64, - "fontWeight": 400, - "lineHeight": "72px", - "margin": "0 0 32px 0", - }, - "largeX": { - "fontSize": 88, - "fontWeight": 400, - "lineHeight": "96px", - "margin": "0 0 40px 0", - }, - "largeXX": { - "fontSize": 88, - "fontWeight": 400, - "lineHeight": "96px", - "margin": "0 0 40px 0", + "fontSize": "32px", + "lineHeight": "36px", }, "regular": { - "fontSize": 48, - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 24px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontH2": { "compact": { - "fontSize": 32, - "fontWeight": 400, - "lineHeight": "40px", - "margin": "0 0 28px 0", - }, - "compactX": { - "fontSize": 28, - "fontWeight": 400, - "lineHeight": "36px", - "margin": "0 0 24px 0", - }, - "large": { - "fontSize": 48, - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 32px 0", - }, - "largeX": { - "fontSize": 48, - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 32px 0", - }, - "largeXX": { - "fontSize": 64, - "fontWeight": 400, - "lineHeight": "72px", - "margin": "0 0 40px 0", + "fontSize": "28px", + "lineHeight": "32px", }, "regular": { - "fontSize": 40, - "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontHeadline": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontHeadline1": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontHeadline2": { "compact": { - "fontSize": 14, - "lineHeight": 20, + "fontSize": "14px", + "lineHeight": "20px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 18, + "fontSize": "13px", + "lineHeight": "18px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontSize": "14px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "18px", }, }, "fontText": { - "regular": { - "fontSize": 18, - "fontWeight": 300, - "lineHeight": "28px", - }, - }, - "fontTitle1": { "compact": { - "fontSize": 20, - "fontWeight": 400, - "lineHeight": "28px", - "margin": "0 0 24px 0", - }, - "compactX": { - "fontSize": 24, - "fontWeight": 400, - "lineHeight": "32px", - "margin": "0 0 24px 0", - }, - "large": { - "fontSize": 32, - "fontWeight": 400, - "lineHeight": "40px", - "margin": "0 0 24px 0", - }, - "largeX": { - "fontSize": 32, - "fontWeight": 400, - "lineHeight": "40px", - "margin": "0 0 24px 0", + "fontSize": "15px", + "lineHeight": "20px", }, - "largeXX": { - "fontSize": 40, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "lineHeight": "20px", }, + }, + "fontTitle1": { "regular": { - "fontSize": 24, - "fontWeight": 400, - "lineHeight": "32px", - "margin": "0 0 24px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, + "fontSize": "20px", "fontWeight": 500, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontTitle3": { "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, + "fontSize": "17px", "fontWeight": 500, - "lineHeight": 22, + "lineHeight": "22px", }, }, "fontWeightAccent1": 500, @@ -285998,542 +322230,659 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, - "fontWeightBold": 500, - "fontWeightMedium": 400, "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, + "searchCardBackground": "linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%)", + "searchCardWithTextBackground": "linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%)", + "searchColorBackgroundAccentTint": { + "active": "#E0E5EE", + "hover": "#E9EEF5", + "normal": "#F3F7FD", + }, + "searchColorBackgroundOrangeAccentActive": { + "active": "#E18D05", + "hover": "#EB9302", + "normal": "#F59800", + }, + "searchColorBackgroundOrangeAccentHover": { + "active": "#EBA940", + "hover": "#F5AF40", + "normal": "#FFB640", + }, + "searchColorTextLinkAlternativeHover": { + "active": "#DE641A", + "hover": "#E76719", + "normal": "#F16B17", + }, + "searchColorTextLinkPositive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "searchColorTextLinkPositiveTint": { + "active": "#629D62", + "hover": "#66A363", + "normal": "#6AA965", + }, + "searchFontForAdvertisingBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + }, + }, + "searchFontGreenURL": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "searchFontParagraphBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "searchFontSearchBigText": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "searchFontSearchBigTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 700, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "searchFontSearchCaption1Bold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 700, + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 700, + "lineHeight": "16px", + }, + }, + "searchFontSearchCaption1MailSans": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "searchFontSearchCaption2MailSans": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "searchFontSearchExtraHeadline": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 700, + "lineHeight": "28px", + }, + }, + "searchFontSearchFootnoteBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 700, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 700, + "lineHeight": "18px", + }, + }, + "searchFontSearchFootnoteMailSans": { + "compact": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 500, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 500, + "lineHeight": "18px", + }, + }, + "searchFontSearchHeadline2": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "searchFontSearchSubheadBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 700, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 700, + "lineHeight": "18px", + }, + }, + "searchFontSearchTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 700, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "searchFontSearchTextMailSans": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "searchFontSearchTitle4": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 400, + "lineHeight": "24px", + }, + }, + "searchFontSearchTitle4Bold": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 700, + "lineHeight": "24px", + }, + }, "sizeArrow": { - "regular": 8, + "regular": "8px", }, "sizeArrowHeight": { - "regular": 8, + "regular": "8px", }, "sizeArrowPadding": { - "regular": 12, + "regular": "12px", }, "sizeArrowPromo": { - "regular": 40, + "regular": "40px", }, "sizeArrowWidth": { - "regular": 12, + "regular": "12px", }, "sizeAttributeMargin": { - "regular": 4, + "regular": "4px", }, "sizeAvatarL": { - "regular": 96, + "regular": "96px", }, "sizeAvatarM": { - "regular": 48, + "regular": "48px", }, "sizeAvatarS": { - "regular": 32, + "regular": "32px", }, "sizeAvatarXL": { - "regular": 128, + "regular": "128px", }, "sizeAvatarXS": { - "regular": 24, + "regular": "24px", }, "sizeBadgeL": { - "regular": 44, + "regular": "44px", }, "sizeBadgeM": { - "regular": 24, + "regular": "24px", }, "sizeBadgeS": { - "regular": 16, + "regular": "16px", }, "sizeBadgeXL": { - "regular": 56, + "regular": "56px", }, "sizeBadgeXS": { - "regular": 12, + "regular": "12px", }, - "sizeBase": 4, + "sizeBase": "4px", "sizeBaseMargin": { - "regular": 12, + "regular": "12px", }, "sizeBasePadding": { - "compact": 20, - "regular": 16, + "compact": "20px", + "regular": "16px", }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": "16px", }, "sizeBasePaddingVertical": { - "regular": 12, + "regular": "12px", }, "sizeBorder1x": { - "regular": 1, + "regular": "1px", }, "sizeBorder2x": { - "regular": 0.5, + "regular": "0.5px", }, "sizeBorder3x": { - "regular": 0.33, + "regular": "0.33px", }, "sizeBorderRadius": { - "regular": 8, + "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": "12px", }, "sizeBorderRadiusPromo": { - "regular": 20, + "regular": "20px", }, "sizeBorderRadiusRounded": { - "regular": 48, + "regular": "48px", }, "sizeBorderWidthAccent": { - "regular": 8, + "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": "8px", }, "sizeBorderWidthBar": { - "regular": 4, + "regular": "4px", }, "sizeBorderWidthTab": { - "regular": 2, + "regular": "2px", }, "sizeBulletMargin": { - "regular": 12, + "regular": "12px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "1px", }, "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { - "regular": 48, + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": 52, - "compactX": 64, - "large": 64, - "largeX": 64, - "largeXX": 64, - "regular": 52, + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": 80, + "regular": "80px", }, "sizeButtonMorePadding": { - "regular": 8, + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": 32, + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { - "regular": 24, + "regular": "24px", }, "sizeButtonSliderWidth": { - "regular": 12, + "regular": "12px", }, "sizeButtonSliderWidthPointer": { - "regular": 16, + "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": 40, + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "regular": "16px", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "regular": "12px", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "regular": "8px", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "regular": "12px", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "regular": "8px", }, "sizeCardBorderRadius": { - "regular": 16, + "regular": "16px", }, "sizeCardgridPadding": { - "regular": 12, + "regular": "12px", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "4px", }, "sizeCheckbox": { - "regular": 16, + "regular": "16px", }, "sizeChoiceMargin": { - "regular": 8, - }, - "sizeContentBlockHorizontalPadding": { - "compact": 0, - "compactX": 20, - "large": 0, - "largeX": 0, - "largeXX": 0, - "regular": 0, - }, - "sizeContentBlockVerticalPadding": { - "compact": 56, - "compactX": 48, - "large": 72, - "largeX": 88, - "largeXX": 96, - "regular": 56, - }, - "sizeContentBlockWidth": { - "compact": 700, - "compactX": "100%", - "large": 1220, - "largeX": 1260, - "largeXX": 1380, - "regular": 940, - }, - "sizeControlButtonSmallWidthMin": { - "regular": 160, + "regular": "8px", }, "sizeControlButtonWidthMin": { - "regular": 280, + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { - "regular": 4, + "regular": "4px", }, "sizeDotBullet": { - "regular": 4, + "regular": "4px", }, "sizeDotClickable": { - "regular": 12, + "regular": "12px", }, "sizeDotIndicate": { - "regular": 8, + "regular": "8px", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { - "regular": 20, + "regular": "20px", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "12px", }, "sizeFieldSetMargin": { - "regular": 32, + "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": 24, + "regular": "24px", }, "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "compact": "380px", + "regular": "328px", }, "sizeFormItemPaddingVertical": { - "regular": 12, - }, - "sizeGrid": 20, - "sizeGridColumn1X2": { - "compact": 320, - "compactX": "100%", - "large": 560, - "largeX": 580, - "largeXX": 620, - "regular": 420, - }, - "sizeGridColumn1X3": { - "compact": 200, - "compactX": "100%", - "large": 340, - "largeX": 380, - "largeXX": 380, - "regular": 260, - }, - "sizeGridColumn2X3": { - "compact": 450, - "compactX": "100%", - "large": 780, - "largeX": 820, - "largeXX": 920, - "regular": 600, - }, - "sizeGridColumnAsymmetricalLarge": { - "compact": 380, - "compactX": "100%", - "large": 560, - "largeX": 560, - "largeXX": 640, - "regular": 440, - }, - "sizeGridColumnAsymmetricalSmall": { - "compact": 260, - "compactX": "100%", - "large": 500, - "largeX": 540, - "largeXX": 600, - "regular": 420, - }, - "sizeHeaderHeightMin": { - "regular": "90%", + "regular": "12px", }, + "sizeGrid": "20px", "sizeHeaderIcon": { - "regular": 20, + "regular": "20px", }, "sizeIconMargin": { - "compact": 8, - "regular": 12, + "compact": "8px", + "regular": "12px", }, "sizeIconMorePadding": { - "compact": 8, - "regular": 12, + "compact": "8px", + "regular": "12px", }, "sizeIconUI": { - "compact": 20, - "compactX": 20, - "large": 24, - "largeX": 24, - "largeXX": 24, - "regular": 20, + "regular": "16px", }, "sizeIllustrationL": { - "regular": 144, + "regular": "144px", }, "sizeIllustrationM": { - "compact": 48, - "compactX": 96, - "large": 96, - "largeX": 96, - "largeXX": 96, - "regular": 48, + "regular": "96px", }, "sizeIllustrationS": { - "regular": 48, + "regular": "48px", }, "sizeIllustrationXM": { - "regular": 72, + "regular": "72px", }, "sizeIllustrationXXL": { - "compact": 280, - "compactX": 280, - "large": 380, - "largeX": 560, - "largeXX": 560, - "regular": 360, + "regular": "228px", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "16px", }, "sizeLabelVerticalMargin": { - "regular": 4, + "regular": "4px", }, "sizeLabelWidth": { - "regular": 184, - }, - "sizeMarginIllustrationM": { - "compact": 24, - "compactX": 32, - "large": 32, - "largeX": 32, - "largeXX": 32, - "regular": 24, - }, - "sizeMarginIllustrationXXL": { - "compact": 40, - "compactX": 40, - "large": 100, - "largeX": 100, - "largeXX": 140, - "regular": 60, - }, - "sizeMarginL": { - "compact": 32, - "compactX": 32, - "large": 40, - "largeX": 48, - "largeXX": 48, - "regular": 32, - }, - "sizeMarginM": { - "compact": 24, - "compactX": 24, - "large": 32, - "largeX": 40, - "largeXX": 40, - "regular": 24, - }, - "sizeMarginS": { - "compact": 16, - "compactX": 16, - "large": 24, - "largeX": 32, - "largeXX": 32, - "regular": 20, - }, - "sizeMarginXS": { - "compact": 12, - "compactX": 12, - "large": 16, - "largeX": 16, - "largeXX": 16, - "regular": 12, + "regular": "184px", }, "sizeMenuMargin": { - "regular": 2, + "regular": "2px", }, "sizeMenuPadding": { - "regular": 8, + "regular": "8px", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "compact": "32px", + "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { - "regular": 880, + "regular": "880px", }, "sizePopupMargin": { - "compact": 24, - "regular": 8, + "compact": "24px", + "regular": "8px", }, "sizePopupMedium": { - "regular": 680, + "regular": "680px", }, "sizePopupSmall": { - "regular": 430, + "regular": "430px", }, "sizeProgress": { - "regular": 4, + "regular": "4px", }, "sizeProgressScroll": { - "regular": 12, + "regular": "12px", }, "sizePromoButtonClose": { - "regular": 32, + "regular": "32px", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "compact": "6px", + "regular": "7px", }, "sizeSliceBottomPadding": { - "regular": 60, + "regular": "60px", }, "sizeSliceTopPadding": { - "regular": 40, + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "regular": "16px", }, "sizeSubnavigationBarGap": { - "regular": 8, + "regular": "8px", }, "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "regular": "12px", }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": "32px", + "regular": "34px", }, "sizeTabMargin": { - "regular": 8, + "regular": "8px", }, "sizeTabPadding": { - "regular": 16, + "regular": "16px", }, "sizeTableHorizontalPadding": { - "regular": 16, + "regular": "16px", }, "sizeTableVerticalPadding": { - "regular": 16, + "regular": "16px", }, "sizeTagMargin": { - "regular": 8, + "regular": "8px", }, "sizeTagPadding": { - "regular": 8, + "regular": "8px", }, "sizeTipMargin": { - "regular": 4, + "regular": "4px", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "8px", }, "sizeVerticalPadding": { - "regular": 0, + "regular": "0px", }, "sizeWysiwygIcon": { - "regular": 14, + "regular": "14px", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeName": "promo", - "themeNameBase": "promo", - "themeType": "root", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "search", + "themeNameBase": "search", + "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, "toneValueHover": 0.04, @@ -286542,2715 +322891,1692 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopL": "(min-width: 1600px) and (max-width: 2199px)", - "widthDesktopM": "(min-width: 1300px) and (max-width: 1599px)", - "widthDesktopS": "(min-width: 1000px) and (max-width: 1299px)", - "widthDesktopXL": "(min-width: 2200px)", - "widthFromDesktopL": "(min-width: 1600px)", - "widthFromDesktopM": "(min-width: 1300px)", - "widthFromDesktopS": "(min-width: 1000px)", - "widthFromDesktopXL": "(min-width: 2200px)", - "widthFromTablet": "(min-width: 768px)", - "widthTablet": "(min-width: 768px) and (max-width: 999px)", - "widthToDesktopL": "(max-width: 2199px)", - "widthToDesktopM": "(max-width: 1599px)", - "widthToDesktopS": "(max-width: 1299px)", - "widthToTablet": "(max-width: 999px)", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", "widthToTouch": "(max-width: 767px)", "widthTouch": "(max-width: 767px)", - "x0": 0, - "x025": 1, - "x05": 2, - "x1": 4, - "x10": 40, - "x12": 48, - "x15": 60, - "x2": 8, - "x20": 80, - "x3": 12, - "x4": 16, - "x5": 20, - "x6": 24, - "x8": 32, + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` +exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` { - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", - }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", - }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", - }, + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", + }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", - }, + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", }, "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", - }, + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "normal": "var(--vkui--color_accent_green, #0DC268)", + }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A9E971)", + "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", - }, + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #EB367F)", + "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", - }, + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - }, - "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", - }, + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", - }, + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", - }, + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", - }, + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", - }, + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", - }, + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", - }, + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", - }, + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", - }, + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", - }, + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", - }, + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, + "colorBackgroundAccentTintThemed": { + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", - }, + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", - }, + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", }, "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", - }, + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", - }, + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", - }, + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", - }, + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, + "colorBackgroundNegativeTintThemed": { + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", - }, + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_background_positive, #0DC268)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, "colorBackgroundPositiveTintAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", - }, + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, + "colorBackgroundPositiveTintThemed": { + "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", - }, + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", - }, + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", - }, + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBDFA4)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", - }, + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", + }, + "colorBackgroundWarningTint": { + "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint, #fffce0)", }, "colorBackgroundWarningTintAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", - }, + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorBackgroundWarningTintThemed": { + "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorButtonContrast": { + "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + }, + "colorButtonContrastAlpha": { + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #ffffff)", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", - }, + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", - }, + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", - }, + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", - }, + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { - "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", - }, + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", - }, + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, - "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", - }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", - }, + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", - }, + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", - }, + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", - }, + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", }, "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", - }, + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", - }, + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", - }, + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", - }, + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - }, - "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", - }, + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EB9305)", + "hover": "var(--vkui--color_icon_warning--hover, #F59802)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", - }, + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", - }, + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", - }, + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, "colorLinkContrast": { - "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", - }, + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - }, - "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", - }, + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", - }, + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + "colorRating": { + "active": "var(--vkui--color_rating--active, #EBC405)", + "hover": "var(--vkui--color_rating--hover, #F5CC02)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", - }, + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", - }, + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", - }, + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", - }, + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", - }, + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", - }, + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", - }, + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", - }, + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { - "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", - }, + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", - }, + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", - }, + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", - }, + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", - }, + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { - "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", - }, + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", - }, + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", - }, + "active": "var(--vkui--color_text_link--active, #004EB1)", + "hover": "var(--vkui--color_text_link--hover, #0050B6)", + "normal": "var(--vkui--color_text_link, #0053BB)", }, "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", - }, - "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", - }, + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #528FDF)", - }, + "active": "var(--vkui--color_text_link_visited--active, #4D0452)", + "hover": "var(--vkui--color_text_link_visited--hover, #510453)", + "normal": "var(--vkui--color_text_link_visited, #540354)", }, "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2C2D2E)", - }, + "active": "var(--vkui--color_text_muted--active, #34383E)", + "hover": "var(--vkui--color_text_muted--hover, #37393E)", + "normal": "var(--vkui--color_text_muted, #393B3E)", }, "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", - }, + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", - }, + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", - }, + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", - }, + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", - }, + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", - }, + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", }, "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", - }, - }, - "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", - }, - }, - "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", - }, - }, - "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", - }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", - }, - }, - "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", - }, - }, - "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", - }, - }, - "colorWriteBarInputBorderAlpha": { - "active": { - "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - }, - "hover": { - "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", - }, - }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", - }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0px 4px 12px rgba(18, 25, 43, 0.12))", + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 4px 20px rgba(18, 25, 43, 0.2))", + "colorThumbErrorBackgroundAlpha": { + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", + "colorTooltipBackgroundBlueTint": { + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", }, - "fontCaption1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, - }, + "colorTooltipBackgroundGreenTint": { + "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", }, - "fontCaption1Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight", - "value": "var(--vkui--font_caption1_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height", - "value": "var(--vkui--font_caption1_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform", - "value": "var(--vkui--font_caption1_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, - }, + "colorTooltipBackgroundOrangeTint": { + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", }, - "fontCaption2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, - }, + "colorTooltipBackgroundPurpleTint": { + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, - "fontCaption2Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family", - "value": "var(--vkui--font_caption2_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size", - "value": "var(--vkui--font_caption2_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight", - "value": "var(--vkui--font_caption2_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height", - "value": "var(--vkui--font_caption2_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform", - "value": "var(--vkui--font_caption2_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size--regular", - "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height--regular", - "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, - }, + "colorTooltipTextBlueThemed": { + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, - "fontCaption3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family", - "value": "var(--vkui--font_caption3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size", - "value": "var(--vkui--font_caption3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight", - "value": "var(--vkui--font_caption3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height", - "value": "var(--vkui--font_caption3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size--regular", - "value": "var(--vkui--font_caption3--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight--regular", - "value": "var(--vkui--font_caption3--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height--regular", - "value": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, - }, + "colorTooltipTextGreenThemed": { + "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", }, - "fontCaption3Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family", - "value": "var(--vkui--font_caption3_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size", - "value": "var(--vkui--font_caption3_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight", - "value": "var(--vkui--font_caption3_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height", - "value": "var(--vkui--font_caption3_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform", - "value": "var(--vkui--font_caption3_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size--regular", - "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height--regular", - "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, - }, + "colorTooltipTextOrangeThemed": { + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", + "colorTooltipTextPurpleThemed": { + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Arial, sans-serif)", + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", }, - "fontFamilyMedia": { - "name": "--vkui--font_family_media", - "value": "var(--vkui--font_family_media, Georgia, serif)", + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, - "fontFootnote": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family", - "value": "var(--vkui--font_footnote--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size", - "value": "var(--vkui--font_footnote--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight", - "value": "var(--vkui--font_footnote--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height", - "value": "var(--vkui--font_footnote--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, - }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", }, - "fontFootnoteCaps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family", - "value": "var(--vkui--font_footnote_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size", - "value": "var(--vkui--font_footnote_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight", - "value": "var(--vkui--font_footnote_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height", - "value": "var(--vkui--font_footnote_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform", - "value": "var(--vkui--font_footnote_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size--regular", - "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight--regular", - "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform--regular", - "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, - }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, - "fontHeadline1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 16px)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", - }, - }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, - "fontHeadline2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", - }, - }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, - "fontMediaHeader": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_header--font_family", - "value": "var(--vkui--font_media_header--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_header--font_size", - "value": "var(--vkui--font_media_header--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_header--font_weight", - "value": "var(--vkui--font_media_header--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_media_header--letter_spacing", - "value": "var(--vkui--font_media_header--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_media_header--line_height", - "value": "var(--vkui--font_media_header--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--font_media_header--font_family--compact", - "value": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_header--font_size--compact", - "value": "var(--vkui--font_media_header--font_size--compact, 40px)", - }, - "lineHeight": { - "name": "--vkui--font_media_header--line_height--compact", - "value": "var(--vkui--font_media_header--line_height--compact, 48px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_media_header--font_family--regular", - "value": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_header--font_size--regular", - "value": "var(--vkui--font_media_header--font_size--regular, 36px)", - }, - "fontWeight": { - "name": "--vkui--font_media_header--font_weight--regular", - "value": "var(--vkui--font_media_header--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--font_media_header--letter_spacing--regular", - "value": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--font_media_header--line_height--regular", - "value": "var(--vkui--font_media_header--line_height--regular, 44px)", - }, - }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, - "fontMediaLead": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_lead--font_family", - "value": "var(--vkui--font_media_lead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_lead--font_size", - "value": "var(--vkui--font_media_lead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_lead--font_weight", - "value": "var(--vkui--font_media_lead--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_media_lead--letter_spacing", - "value": "var(--vkui--font_media_lead--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_media_lead--line_height", - "value": "var(--vkui--font_media_lead--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_media_lead--font_size--compact", - "value": "var(--vkui--font_media_lead--font_size--compact, 22px)", - }, - "letterSpacing": { - "name": "--vkui--font_media_lead--letter_spacing--compact", - "value": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", - }, - "lineHeight": { - "name": "--vkui--font_media_lead--line_height--compact", - "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", - }, - }, + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0px 4px 12px rgba(0, 16, 61, 0.05))", + "elevation1Hover": "var(--vkui--elevation1_hover, 0px 6px 16px rgba(0, 16, 61, 0.09))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0px 6px 20px rgba(0, 16, 61, 0.07))", + "elevation2Hover": "var(--vkui--elevation2_hover, 0px 10px 24px rgba(0, 16, 61, 0.11))", + "elevation3": "var(--vkui--elevation3, 0px 4px 20px rgba(0, 0, 0, 0.13))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", + "elevationButtons": "var(--vkui--elevation_buttons, 0px 6px 20px rgba(0, 16, 61, 0.1))", + "fontCaption1": { "regular": { - "fontFamily": { - "name": "--vkui--font_media_lead--font_family--regular", - "value": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_lead--font_size--regular", - "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_media_lead--font_weight--regular", - "value": "var(--vkui--font_media_lead--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--font_media_lead--letter_spacing--regular", - "value": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", - }, - "lineHeight": { - "name": "--vkui--font_media_lead--line_height--regular", - "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", - }, + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, - "fontMediaParagraph": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_paragraph--font_family", - "value": "var(--vkui--font_media_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_paragraph--font_size", - "value": "var(--vkui--font_media_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_paragraph--font_weight", - "value": "var(--vkui--font_media_paragraph--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_media_paragraph--letter_spacing", - "value": "var(--vkui--font_media_paragraph--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height", - "value": "var(--vkui--font_media_paragraph--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_media_paragraph--font_size--compact", - "value": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_media_paragraph--font_weight--compact", - "value": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height--compact", - "value": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", - }, - }, + "fontCaption1Caps": { "regular": { - "fontFamily": { - "name": "--vkui--font_media_paragraph--font_family--regular", - "value": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", - }, - "fontSize": { - "name": "--vkui--font_media_paragraph--font_size--regular", - "value": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", - }, - "fontWeight": { - "name": "--vkui--font_media_paragraph--font_weight--regular", - "value": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_media_paragraph--letter_spacing--regular", - "value": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", - }, - "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height--regular", - "value": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", - }, + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, - "fontMediaTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_title1--font_family", - "value": "var(--vkui--font_media_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_title1--font_size", - "value": "var(--vkui--font_media_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_title1--font_weight", - "value": "var(--vkui--font_media_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_media_title1--line_height", - "value": "var(--vkui--font_media_title1--line_height)", - }, - }, + "fontCaption2": { "regular": { - "fontFamily": { - "name": "--vkui--font_media_title1--font_family--regular", - "value": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_title1--font_size--regular", - "value": "var(--vkui--font_media_title1--font_size--regular, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_media_title1--font_weight--regular", - "value": "var(--vkui--font_media_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_media_title1--line_height--regular", - "value": "var(--vkui--font_media_title1--line_height--regular, 36px)", - }, + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, - "fontMediaTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_title2--font_family", - "value": "var(--vkui--font_media_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_title2--font_size", - "value": "var(--vkui--font_media_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_title2--font_weight", - "value": "var(--vkui--font_media_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_media_title2--line_height", - "value": "var(--vkui--font_media_title2--line_height)", - }, - }, + "fontCaption2Caps": { "regular": { - "fontFamily": { - "name": "--vkui--font_media_title2--font_family--regular", - "value": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_title2--font_size--regular", - "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_media_title2--font_weight--regular", - "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_media_title2--line_height--regular", - "value": "var(--vkui--font_media_title2--line_height--regular, 32px)", - }, + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, - "fontMediaTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_title3--font_family", - "value": "var(--vkui--font_media_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_title3--font_size", - "value": "var(--vkui--font_media_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_title3--font_weight", - "value": "var(--vkui--font_media_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_media_title3--line_height", - "value": "var(--vkui--font_media_title3--line_height)", - }, - }, + "fontCaption3": { "regular": { - "fontFamily": { - "name": "--vkui--font_media_title3--font_family--regular", - "value": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_title3--font_size--regular", - "value": "var(--vkui--font_media_title3--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_media_title3--font_weight--regular", - "value": "var(--vkui--font_media_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_media_title3--line_height--regular", - "value": "var(--vkui--font_media_title3--line_height--regular, 28px)", - }, + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, - "fontParagraph": { - "auto": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family", - "value": "var(--vkui--font_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size", - "value": "var(--vkui--font_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight", - "value": "var(--vkui--font_paragraph--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height", - "value": "var(--vkui--font_paragraph--line_height)", - }, - }, + "fontCaption3Caps": { "regular": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight--regular", - "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", - }, + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "fontSubhead": { - "auto": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family", - "value": "var(--vkui--font_subhead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size", - "value": "var(--vkui--font_subhead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight", - "value": "var(--vkui--font_subhead--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height", - "value": "var(--vkui--font_subhead--line_height)", - }, - }, - "compact": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--compact", - "value": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--compact", - "value": "var(--vkui--font_subhead--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, - }, + "fontDisplayTitle1": { "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, - "fontText": { - "auto": { - "fontFamily": { - "name": "--vkui--font_text--font_family", - "value": "var(--vkui--font_text--font_family)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size", - "value": "var(--vkui--font_text--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight", - "value": "var(--vkui--font_text--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height", - "value": "var(--vkui--font_text--line_height)", - }, - }, + "fontDisplayTitle2": { "compact": { - "fontSize": { - "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 16px)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 22px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight--regular", - "value": "var(--vkui--font_text--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 20px)", - }, - }, - }, - "fontTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title1--font_family", - "value": "var(--vkui--font_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size", - "value": "var(--vkui--font_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight", - "value": "var(--vkui--font_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height", - "value": "var(--vkui--font_title1--line_height)", - }, + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--regular", - "value": "var(--vkui--font_title1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, - "fontTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title2--font_family", - "value": "var(--vkui--font_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size", - "value": "var(--vkui--font_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight", - "value": "var(--vkui--font_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height", - "value": "var(--vkui--font_title2--line_height)", - }, - }, + "fontDisplayTitle3": { "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size--regular", - "value": "var(--vkui--font_title2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 26px)", - }, + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, - "fontTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title3--font_family", - "value": "var(--vkui--font_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size", - "value": "var(--vkui--font_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight", - "value": "var(--vkui--font_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height", - "value": "var(--vkui--font_title3--line_height)", - }, - }, + "fontDisplayTitle4": { "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, - }, - }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", - }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 400)", - }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", - }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 400)", - }, - "gradientSkeleton": { - "name": "--vkui--gradient_skeleton", - "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #E9E9E9, #F5F5F5))", - }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", - }, - "prefix": { - "name": "--vkui--prefix", - "value": "var(--vkui--prefix, vkui)", - }, - "pulseColorAccentYellow": { - "active": { - "name": "--vkui--pulse_color_accent_yellow--active", - "value": "var(--vkui--pulse_color_accent_yellow--active, #EBC405)", - }, - "hover": { - "name": "--vkui--pulse_color_accent_yellow--hover", - "value": "var(--vkui--pulse_color_accent_yellow--hover, #F5CC02)", - }, - "normal": { - "name": "--vkui--pulse_color_accent_yellow", - "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", - }, - }, - "pulseColorBackgroundPurple": { - "active": { - "name": "--vkui--pulse_color_background_purple--active", - "value": "var(--vkui--pulse_color_background_purple--active, #6047D4)", - }, - "hover": { - "name": "--vkui--pulse_color_background_purple--hover", - "value": "var(--vkui--pulse_color_background_purple--hover, #644ADA)", - }, - "normal": { - "name": "--vkui--pulse_color_background_purple", - "value": "var(--vkui--pulse_color_background_purple, #684CE1)", - }, - }, - "pulseColorOverlayViewer": { - "active": { - "name": "--vkui--pulse_color_overlay_viewer--active", - "value": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", - }, - "hover": { - "name": "--vkui--pulse_color_overlay_viewer--hover", - "value": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", - }, - "normal": { - "name": "--vkui--pulse_color_overlay_viewer", - "value": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", - }, - }, - "pulseColorPurpleAlpha": { - "active": { - "name": "--vkui--pulse_color_purple_alpha--active", - "value": "var(--vkui--pulse_color_purple_alpha--active, rgba(66, 0, 255, 0.16))", - }, - "hover": { - "name": "--vkui--pulse_color_purple_alpha--hover", - "value": "var(--vkui--pulse_color_purple_alpha--hover, rgba(66, 0, 255, 0.12))", - }, - "normal": { - "name": "--vkui--pulse_color_purple_alpha", - "value": "var(--vkui--pulse_color_purple_alpha, rgba(66, 0, 255, 0.08))", - }, - }, - "pulseColorWhiteBlueAlpha": { - "active": { - "name": "--vkui--pulse_color_white_blue_alpha--active", - "value": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.98))", - }, - "hover": { - "name": "--vkui--pulse_color_white_blue_alpha--hover", - "value": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.9400000000000001))", - }, - "normal": { - "name": "--vkui--pulse_color_white_blue_alpha", - "value": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.9))", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "pulseZIndexDropdown": { - "name": "--vkui--pulse_z_index_dropdown", - "value": "var(--vkui--pulse_z_index_dropdown, 100px)", - }, - "pulseZIndexFixed": { - "name": "--vkui--pulse_z_index_fixed", - "value": "var(--vkui--pulse_z_index_fixed, 120px)", - }, - "pulseZIndexModal": { - "name": "--vkui--pulse_z_index_modal", - "value": "var(--vkui--pulse_z_index_modal, 140px)", - }, - "pulseZIndexModalBackdrop": { - "name": "--vkui--pulse_z_index_modal_backdrop", - "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", - }, - "pulseZIndexSticky": { - "name": "--vkui--pulse_z_index_sticky", - "value": "var(--vkui--pulse_z_index_sticky, 110px)", - }, - "pulseZIndexTooltip": { - "name": "--vkui--pulse_z_index_tooltip", - "value": "var(--vkui--pulse_z_index_tooltip, 150px)", - }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", - }, + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFootnote": { "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 60px)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", - }, + "fontFootnoteCaps": { "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 40px)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "fontH0": { + "compact": { + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, - "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, - "sizeBadge": { - "auto": { - "name": "--vkui--size_badge", - "value": "var(--vkui--size_badge)", + "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_badge--regular", - "value": "var(--vkui--size_badge--regular, 20px)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, - }, - "sizeBorderRadiusCard": { - "auto": { - "name": "--vkui--size_border_radius_card", - "value": "var(--vkui--size_border_radius_card)", + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_border_radius_card--regular", - "value": "var(--vkui--size_border_radius_card--regular, 12px)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, - "sizeBorderRadiusLarge": { - "auto": { - "name": "--vkui--size_border_radius_large", - "value": "var(--vkui--size_border_radius_large)", + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_border_radius_large--regular", - "value": "var(--vkui--size_border_radius_large--regular, 12px)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, - "sizeBorderRadiusPill": { - "auto": { - "name": "--vkui--size_border_radius_pill", - "value": "var(--vkui--size_border_radius_pill)", - }, + "fontParagraph": { "regular": { - "name": "--vkui--size_border_radius_pill--regular", - "value": "var(--vkui--size_border_radius_pill--regular, 100px)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, - "sizeBorderRadiusSmall": { - "auto": { - "name": "--vkui--size_border_radius_small", - "value": "var(--vkui--size_border_radius_small)", + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "name": "--vkui--size_border_radius_small--regular", - "value": "var(--vkui--size_border_radius_small--regular, 4px)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, - "sizeButtonCircleLarge": { - "auto": { - "name": "--vkui--size_button_circle_large", - "value": "var(--vkui--size_button_circle_large)", + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_button_circle_large--regular", - "value": "var(--vkui--size_button_circle_large--regular, 44px)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, - "sizeButtonCircleMedium": { - "auto": { - "name": "--vkui--size_button_circle_medium", - "value": "var(--vkui--size_button_circle_medium)", - }, + "fontTitle1": { "regular": { - "name": "--vkui--size_button_circle_medium--regular", - "value": "var(--vkui--size_button_circle_medium--regular, 40px)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, - "sizeButtonCircleSmall": { - "auto": { - "name": "--vkui--size_button_circle_small", - "value": "var(--vkui--size_button_circle_small)", + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", }, + }, + "fontTitle3": { "regular": { - "name": "--vkui--size_button_circle_small--regular", - "value": "var(--vkui--size_button_circle_small--regular, 32px)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "searchCardBackground": "var(--vkui--search_card_background, linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%))", + "searchCardWithTextBackground": "var(--vkui--search_card_with_text_background, linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%))", + "searchColorBackgroundAccentTint": { + "active": "var(--vkui--search_color_background_accent_tint--active, #E0E5EE)", + "hover": "var(--vkui--search_color_background_accent_tint--hover, #E9EEF5)", + "normal": "var(--vkui--search_color_background_accent_tint, #F3F7FD)", + }, + "searchColorBackgroundOrangeAccentActive": { + "active": "var(--vkui--search_color_background_orange_accent_active--active, #E18D05)", + "hover": "var(--vkui--search_color_background_orange_accent_active--hover, #EB9302)", + "normal": "var(--vkui--search_color_background_orange_accent_active, #F59800)", + }, + "searchColorBackgroundOrangeAccentHover": { + "active": "var(--vkui--search_color_background_orange_accent_hover--active, #EBA940)", + "hover": "var(--vkui--search_color_background_orange_accent_hover--hover, #F5AF40)", + "normal": "var(--vkui--search_color_background_orange_accent_hover, #FFB640)", + }, + "searchColorTextLinkAlternativeHover": { + "active": "var(--vkui--search_color_text_link_alternative_hover--active, #DE641A)", + "hover": "var(--vkui--search_color_text_link_alternative_hover--hover, #E76719)", + "normal": "var(--vkui--search_color_text_link_alternative_hover, #F16B17)", + }, + "searchColorTextLinkPositive": { + "active": "var(--vkui--search_color_text_link_positive--active, #282B2F)", + "hover": "var(--vkui--search_color_text_link_positive--hover, #2A2C2F)", + "normal": "var(--vkui--search_color_text_link_positive, #2C2D2E)", + }, + "searchColorTextLinkPositiveTint": { + "active": "var(--vkui--search_color_text_link_positive_tint--active, #629D62)", + "hover": "var(--vkui--search_color_text_link_positive_tint--hover, #66A363)", + "normal": "var(--vkui--search_color_text_link_positive_tint, #6AA965)", + }, + "searchFontForAdvertisingBold": { + "compact": { + "fontFamily": "var(--vkui--search_font_for_advertising_bold--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_for_advertising_bold--font_size--compact, 17px)", + "fontWeight": "var(--vkui--search_font_for_advertising_bold--font_weight--compact, 700)", + "lineHeight": "var(--vkui--search_font_for_advertising_bold--line_height--compact, 24px)", }, "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 40px)", + "fontFamily": "var(--vkui--search_font_for_advertising_bold--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_for_advertising_bold--font_size--regular, 17px)", + "fontWeight": "var(--vkui--search_font_for_advertising_bold--font_weight--regular, 700)", + "lineHeight": "var(--vkui--search_font_for_advertising_bold--line_height--regular, 24px)", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "searchFontGreenURL": { + "compact": { + "fontFamily": "var(--vkui--search_font_green_u_r_l--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_green_u_r_l--font_size--compact, 14px)", + "fontWeight": "var(--vkui--search_font_green_u_r_l--font_weight--compact, 400)", + "lineHeight": "var(--vkui--search_font_green_u_r_l--line_height--compact, 18px)", }, "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 32px)", + "fontFamily": "var(--vkui--search_font_green_u_r_l--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_green_u_r_l--font_size--regular, 14px)", + "fontWeight": "var(--vkui--search_font_green_u_r_l--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_green_u_r_l--line_height--regular, 18px)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "searchFontParagraphBold": { + "compact": { + "fontFamily": "var(--vkui--search_font_paragraph_bold--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_paragraph_bold--font_size--compact, 15px)", + "fontWeight": "var(--vkui--search_font_paragraph_bold--font_weight--compact, 500)", + "lineHeight": "var(--vkui--search_font_paragraph_bold--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "fontFamily": "var(--vkui--search_font_paragraph_bold--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_paragraph_bold--font_size--regular, 15px)", + "fontWeight": "var(--vkui--search_font_paragraph_bold--font_weight--regular, 500)", + "lineHeight": "var(--vkui--search_font_paragraph_bold--line_height--regular, 20px)", }, }, - "sizeButtonPaddingHorizontalLarge": { - "auto": { - "name": "--vkui--size_button_padding_horizontal_large", - "value": "var(--vkui--size_button_padding_horizontal_large)", + "searchFontSearchBigText": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_big_text--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_big_text--font_size--compact, 16px)", + "fontWeight": "var(--vkui--search_font_search_big_text--font_weight--compact, 400)", + "lineHeight": "var(--vkui--search_font_search_big_text--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal_large--regular", - "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + "fontFamily": "var(--vkui--search_font_search_big_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_big_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--search_font_search_big_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_big_text--line_height--regular, 20px)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "searchFontSearchBigTextBold": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_big_text_bold--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_big_text_bold--font_size--compact, 16px)", + "fontWeight": "var(--vkui--search_font_search_big_text_bold--font_weight--compact, 700)", + "lineHeight": "var(--vkui--search_font_search_big_text_bold--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 24px)", + "fontFamily": "var(--vkui--search_font_search_big_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_big_text_bold--font_size--regular, 16px)", + "fontWeight": "var(--vkui--search_font_search_big_text_bold--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_big_text_bold--line_height--regular, 20px)", }, }, - "sizeCardgridGapSpaceLarge": { - "auto": { - "name": "--vkui--size_cardgrid_gap_space_large", - "value": "var(--vkui--size_cardgrid_gap_space_large)", + "searchFontSearchCaption1Bold": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_caption1_bold--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_caption1_bold--font_size--compact, 12px)", + "fontWeight": "var(--vkui--search_font_search_caption1_bold--font_weight--compact, 700)", + "lineHeight": "var(--vkui--search_font_search_caption1_bold--line_height--compact, 16px)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_large--regular", - "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + "fontFamily": "var(--vkui--search_font_search_caption1_bold--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_caption1_bold--font_size--regular, 12px)", + "fontWeight": "var(--vkui--search_font_search_caption1_bold--font_weight--regular, 700)", + "lineHeight": "var(--vkui--search_font_search_caption1_bold--line_height--regular, 16px)", }, }, - "sizeCardgridGapSpaceMedium": { - "auto": { - "name": "--vkui--size_cardgrid_gap_space_medium", - "value": "var(--vkui--size_cardgrid_gap_space_medium)", + "searchFontSearchCaption1MailSans": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_caption1_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_caption1_mail_sans--font_size--compact, 12px)", + "fontWeight": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--compact, 400)", + "lineHeight": "var(--vkui--search_font_search_caption1_mail_sans--line_height--compact, 16px)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_medium--regular", - "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + "fontFamily": "var(--vkui--search_font_search_caption1_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_caption1_mail_sans--font_size--regular, 12px)", + "fontWeight": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_caption1_mail_sans--line_height--regular, 16px)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "searchFontSearchCaption2MailSans": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_caption2_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_caption2_mail_sans--font_size--compact, 11px)", + "fontWeight": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--compact, 400)", + "lineHeight": "var(--vkui--search_font_search_caption2_mail_sans--line_height--compact, 14px)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", + "fontFamily": "var(--vkui--search_font_search_caption2_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_caption2_mail_sans--font_size--regular, 11px)", + "fontWeight": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_caption2_mail_sans--line_height--regular, 14px)", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", - }, + "searchFontSearchExtraHeadline": { "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "fontFamily": "var(--vkui--search_font_search_extra_headline--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_extra_headline--font_size--regular, 24px)", + "fontWeight": "var(--vkui--search_font_search_extra_headline--font_weight--regular, 700)", + "lineHeight": "var(--vkui--search_font_search_extra_headline--line_height--regular, 28px)", }, }, - "sizeIconUILarge": { - "auto": { - "name": "--vkui--size_icon_u_i_large", - "value": "var(--vkui--size_icon_u_i_large)", + "searchFontSearchFootnoteBold": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_footnote_bold--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_footnote_bold--font_size--compact, 13px)", + "fontWeight": "var(--vkui--search_font_search_footnote_bold--font_weight--compact, 700)", + "lineHeight": "var(--vkui--search_font_search_footnote_bold--line_height--compact, 18px)", }, "regular": { - "name": "--vkui--size_icon_u_i_large--regular", - "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", + "fontFamily": "var(--vkui--search_font_search_footnote_bold--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_footnote_bold--font_size--regular, 13px)", + "fontWeight": "var(--vkui--search_font_search_footnote_bold--font_weight--regular, 700)", + "lineHeight": "var(--vkui--search_font_search_footnote_bold--line_height--regular, 18px)", }, }, - "sizeIconUIMedium": { - "auto": { - "name": "--vkui--size_icon_u_i_medium", - "value": "var(--vkui--size_icon_u_i_medium)", + "searchFontSearchFootnoteMailSans": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_footnote_mail_sans--font_family--compact, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_footnote_mail_sans--font_size--compact, 13px)", + "fontWeight": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--compact, 500)", + "lineHeight": "var(--vkui--search_font_search_footnote_mail_sans--line_height--compact, 18px)", }, "regular": { - "name": "--vkui--size_icon_u_i_medium--regular", - "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + "fontFamily": "var(--vkui--search_font_search_footnote_mail_sans--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_footnote_mail_sans--font_size--regular, 13px)", + "fontWeight": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--regular, 500)", + "lineHeight": "var(--vkui--search_font_search_footnote_mail_sans--line_height--regular, 18px)", }, }, - "sizeListItemHeight": { - "auto": { - "name": "--vkui--size_list_item_height", - "value": "var(--vkui--size_list_item_height)", + "searchFontSearchHeadline2": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_headline2--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_headline2--font_size--compact, 14px)", + "fontWeight": "var(--vkui--search_font_search_headline2--font_weight--compact, 400)", + "lineHeight": "var(--vkui--search_font_search_headline2--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_list_item_height--regular", - "value": "var(--vkui--size_list_item_height--regular, 44px)", + "fontFamily": "var(--vkui--search_font_search_headline2--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--search_font_search_headline2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_headline2--line_height--regular, 20px)", }, }, - "sizePageHorizontalPadding": { - "auto": { - "name": "--vkui--size_page_horizontal_padding", - "value": "var(--vkui--size_page_horizontal_padding)", + "searchFontSearchSubheadBold": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_subhead_bold--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_subhead_bold--font_size--compact, 14px)", + "fontWeight": "var(--vkui--search_font_search_subhead_bold--font_weight--compact, 700)", + "lineHeight": "var(--vkui--search_font_search_subhead_bold--line_height--compact, 18px)", }, "regular": { - "name": "--vkui--size_page_horizontal_padding--regular", - "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + "fontFamily": "var(--vkui--search_font_search_subhead_bold--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_subhead_bold--font_size--regular, 14px)", + "fontWeight": "var(--vkui--search_font_search_subhead_bold--font_weight--regular, 700)", + "lineHeight": "var(--vkui--search_font_search_subhead_bold--line_height--regular, 18px)", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "searchFontSearchTextBold": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_text_bold--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_text_bold--font_size--compact, 15px)", + "fontWeight": "var(--vkui--search_font_search_text_bold--font_weight--compact, 700)", + "lineHeight": "var(--vkui--search_font_search_text_bold--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 800px)", + "fontFamily": "var(--vkui--search_font_search_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_text_bold--font_size--regular, 16px)", + "fontWeight": "var(--vkui--search_font_search_text_bold--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_text_bold--line_height--regular, 20px)", }, }, - "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "searchFontSearchTextMailSans": { + "compact": { + "fontFamily": "var(--vkui--search_font_search_text_mail_sans--font_family--compact, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_text_mail_sans--font_size--compact, 15px)", + "fontWeight": "var(--vkui--search_font_search_text_mail_sans--font_weight--compact, 400)", + "lineHeight": "var(--vkui--search_font_search_text_mail_sans--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 360px)", + "fontFamily": "var(--vkui--search_font_search_text_mail_sans--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_text_mail_sans--font_size--regular, 16px)", + "fontWeight": "var(--vkui--search_font_search_text_mail_sans--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_text_mail_sans--line_height--regular, 20px)", }, }, - "sizeTag": { - "auto": { - "name": "--vkui--size_tag", - "value": "var(--vkui--size_tag)", + "searchFontSearchTitle4": { + "regular": { + "fontFamily": "var(--vkui--search_font_search_title4--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_title4--font_size--regular, 18px)", + "fontWeight": "var(--vkui--search_font_search_title4--font_weight--regular, 400)", + "lineHeight": "var(--vkui--search_font_search_title4--line_height--regular, 24px)", }, + }, + "searchFontSearchTitle4Bold": { "regular": { - "name": "--vkui--size_tag--regular", - "value": "var(--vkui--size_tag--regular, 24px)", + "fontFamily": "var(--vkui--search_font_search_title4_bold--font_family--regular, Arial, sans-serif)", + "fontSize": "var(--vkui--search_font_search_title4_bold--font_size--regular, 18px)", + "fontWeight": "var(--vkui--search_font_search_title4_bold--font_weight--regular, 700)", + "lineHeight": "var(--vkui--search_font_search_title4_bold--line_height--regular, 24px)", }, }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, paradigm)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, pulse)", + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, pulse)", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "themeType": "cssVars", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + "sizeButtonPaddingHorizontal": { + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", + }, + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", + }, + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", + }, + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", + }, + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", + }, + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", + }, + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, + "sizeIllustrationXXL": { + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", + }, + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", + }, + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", + }, + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", + }, + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", + }, + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", + }, + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", + }, + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", + }, + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, search)", + "themeNameBase": "var(--vkui--theme_name_base, search)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots search theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentCyan": { + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { "active": "#989BA4", @@ -289262,15 +324588,35 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorAccentLime": { + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", + }, "colorAccentOrange": { "active": "#EB9305", "hover": "#F59802", "normal": "#FF9E00", }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", + }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -289278,9 +324624,9 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -289293,24 +324639,29 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", "hover": "rgba(145, 147, 153, 0.52)", "normal": "rgba(145, 147, 153, 0.48)", }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, "colorBackground": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -289318,14 +324669,34 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -289337,40 +324708,85 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContrastInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundModalInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", "hover": "#0CBB66", "normal": "#0DC268", }, + "colorBackgroundPositiveTint": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { "active": "#DDDFE4", @@ -289382,20 +324798,80 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 16, 61, 0.1)", "normal": "rgba(0, 16, 61, 0.06)", }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", + }, "colorBackgroundTertiary": { "active": "#E2E5E9", "hover": "#ECEEF1", "normal": "#F6F7F8", }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", "normal": "#FFF1AD", }, + "colorBackgroundWarningTint": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorButtonContrast": { + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", + }, + "colorButtonIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonStroke": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorFieldBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -289408,20 +324884,25 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", + }, "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -289438,9 +324919,9 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { "active": "#0CB465", @@ -289477,6 +324958,11 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(39, 43, 55, 0.24)", "normal": "rgba(39, 43, 55, 0.2)", }, + "colorIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, "colorImageBorderAlpha": { "active": "rgba(0, 16, 61, 0.16)", "hover": "rgba(0, 16, 61, 0.12)", @@ -289498,25 +324984,50 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { "active": "#D4D6DD", "hover": "#DDDEE4", "normal": "#E6E7EB", }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorSeparatorPrimary": { "active": "#C9CCD3", "hover": "#D1D4D9", "normal": "#DADCE0", }, + "colorSeparatorPrimary2x": { + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", + }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 16, 61, 0.2)", "hover": "rgba(0, 16, 61, 0.16)", @@ -289538,14 +325049,14 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -289553,24 +325064,29 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -289583,29 +325099,34 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#004EB1", + "hover": "#0050B6", + "normal": "#0053BB", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#34383E", + "hover": "#37393E", + "normal": "#393B3E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -289637,6 +325158,51 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "hover": "#A3A7AE", "normal": "#AAADB3", }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", + }, "colorTrackBackground": { "active": "#C9CCD3", "hover": "#D1D4D9", @@ -289653,5046 +325219,6198 @@ exports[`shapshots pulse theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", "hover": "#E6E8EC", "normal": "#F0F1F3", }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 16, 61, 0.88)", "hover": "rgba(0, 16, 61, 0.84)", "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "0px 4px 12px rgba(18, 25, 43, 0.12)", - "elevation2": "0px 4px 20px rgba(18, 25, 43, 0.2)", - "elevation3": "0px 16px 48px rgba(18, 25, 43, 0.28)", + "elevation1": "0px 4px 12px rgba(0, 16, 61, 0.05)", + "elevation1Hover": "0px 6px 16px rgba(0, 16, 61, 0.09)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0px 6px 20px rgba(0, 16, 61, 0.07)", + "elevation2Hover": "0px 10px 24px rgba(0, 16, 61, 0.11)", + "elevation3": "0px 4px 20px rgba(0, 0, 0, 0.13)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", + "elevationButtons": "0px 6px 20px rgba(0, 16, 61, 0.1)", "fontCaption1": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "12px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "12px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", - "lineHeight": "16px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "11px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "11px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "9px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "9px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", - "lineHeight": "12px", + "lineHeight": 12, "textTransform": "uppercase", }, }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": "18px", + "lineHeight": 18, "textTransform": "uppercase", }, }, - "fontHeadline1": { + "fontH0": { "compact": { - "fontSize": "16px", - "lineHeight": "20px", + "fontSize": 44, + "lineHeight": 52, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 32, }, }, - "fontHeadline2": { + "fontH1": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 32, + "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "14px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 28, }, }, - "fontMediaHeader": { + "fontH2": { "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "40px", - "lineHeight": "48px", + "fontSize": 28, + "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "36px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "lineHeight": 26, }, }, - "fontMediaLead": { + "fontHeadline": { "compact": { - "fontSize": "22px", - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "19px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "letterSpacing": "0px", - "lineHeight": "28px", + "lineHeight": 20, }, }, - "fontMediaParagraph": { + "fontHeadline1": { "compact": { - "fontSize": "19px", + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "32px", + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, }, "regular": { - "fontFamily": "Georgia, serif", - "fontSize": "18px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "lineHeight": 18, }, }, - "fontMediaTitle1": { + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "28px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, - "lineHeight": "36px", + "lineHeight": 28, }, }, - "fontMediaTitle2": { + "fontTitle2": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, "fontWeight": 500, - "lineHeight": "32px", + "lineHeight": 26, }, }, - "fontMediaTitle3": { + "fontTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 22, }, }, - "fontParagraph": { + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "searchCardBackground": "linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%)", + "searchCardWithTextBackground": "linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%)", + "searchColorBackgroundAccentTint": { + "active": "#E0E5EE", + "hover": "#E9EEF5", + "normal": "#F3F7FD", + }, + "searchColorBackgroundOrangeAccentActive": { + "active": "#E18D05", + "hover": "#EB9302", + "normal": "#F59800", + }, + "searchColorBackgroundOrangeAccentHover": { + "active": "#EBA940", + "hover": "#F5AF40", + "normal": "#FFB640", + }, + "searchColorTextLinkAlternativeHover": { + "active": "#DE641A", + "hover": "#E76719", + "normal": "#F16B17", + }, + "searchColorTextLinkPositive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "searchColorTextLinkPositiveTint": { + "active": "#629D62", + "hover": "#66A363", + "normal": "#6AA965", + }, + "searchFontForAdvertisingBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": 24, + }, "regular": { "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": 24, }, }, - "fontSubhead": { + "searchFontGreenURL": { "compact": { "fontFamily": "Arial, sans-serif", - "fontSize": "14px", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, "regular": { "fontFamily": "Arial, sans-serif", - "fontSize": "13px", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, }, - "fontText": { + "searchFontParagraphBold": { "compact": { - "fontSize": "16px", - "lineHeight": "22px", + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, "regular": { "fontFamily": "Arial, sans-serif", - "fontSize": "15px", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "searchFontSearchBigText": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, - "fontTitle1": { + "searchFontSearchBigTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 16, + "fontWeight": 700, + "lineHeight": 20, + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, - "fontTitle2": { + "searchFontSearchCaption1Bold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "lineHeight": 16, + }, + }, + "searchFontSearchCaption1MailSans": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, + }, "regular": { "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, }, - "fontTitle3": { + "searchFontSearchCaption2MailSans": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, "regular": { "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "17px", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "searchFontSearchExtraHeadline": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": 28, + }, + }, + "searchFontSearchFootnoteBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 700, + "lineHeight": 18, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 700, + "lineHeight": 18, + }, + }, + "searchFontSearchFootnoteMailSans": { + "compact": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": 18, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 500, + "lineHeight": 18, }, }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 400, - "gradientSkeleton": "linear-gradient(110deg, #E9E9E9, #F5F5F5)", - "opacityDisable": 0.48, - "prefix": "vkui", - "pulseColorAccentYellow": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#FFD400", + "searchFontSearchHeadline2": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "pulseColorBackgroundPurple": { - "active": "#6047D4", - "hover": "#644ADA", - "normal": "#684CE1", + "searchFontSearchSubheadBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 700, + "lineHeight": 18, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 700, + "lineHeight": 18, + }, }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "searchFontSearchTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 700, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "pulseColorPurpleAlpha": { - "active": "rgba(66, 0, 255, 0.16)", - "hover": "rgba(66, 0, 255, 0.12)", - "normal": "rgba(66, 0, 255, 0.08)", + "searchFontSearchTextMailSans": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.98)", - "hover": "rgba(226, 236, 255, 0.9400000000000001)", - "normal": "rgba(226, 236, 255, 0.9)", + "searchFontSearchTitle4": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 18, + "fontWeight": 400, + "lineHeight": 24, + }, + }, + "searchFontSearchTitle4Bold": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 18, + "fontWeight": 700, + "lineHeight": 24, + }, + }, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowHeight": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, }, - "pulseZIndexDropdown": "100px", - "pulseZIndexFixed": "120px", - "pulseZIndexModal": "140px", - "pulseZIndexModalBackdrop": "130px", - "pulseZIndexSticky": "110px", - "pulseZIndexTooltip": "150px", "sizeAvatarL": { - "regular": "60px", + "regular": 96, }, "sizeAvatarM": { - "regular": "40px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, - "sizeBadge": { - "regular": "20px", + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "8px", + "regular": 8, }, - "sizeBorderRadiusCard": { - "regular": "12px", + "sizeBorderRadiusPaper": { + "regular": 12, }, - "sizeBorderRadiusLarge": { - "regular": "12px", + "sizeBorderRadiusPromo": { + "regular": 20, }, - "sizeBorderRadiusPill": { - "regular": "100px", + "sizeBorderRadiusRounded": { + "regular": 48, }, - "sizeBorderRadiusSmall": { - "regular": "4px", + "sizeBorderWidthAccent": { + "regular": 8, }, - "sizeButtonCircleLarge": { - "regular": "44px", + "sizeBorderWidthAccentSecondary": { + "regular": 8, }, - "sizeButtonCircleMedium": { - "regular": "40px", + "sizeBorderWidthBar": { + "regular": 4, }, - "sizeButtonCircleSmall": { - "regular": "32px", + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { - "regular": "40px", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "regular": "32px", + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "compact": 16, + "regular": 20, }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "16px", + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "regular": 16, }, "sizeButtonSmallHeight": { - "regular": "24px", + "compact": 28, + "regular": 30, }, - "sizeCardgridGapSpaceLarge": { - "regular": "20px", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, }, - "sizeCardgridGapSpaceMedium": { - "regular": "16px", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 16, + }, + "sizeCardgridPadding": { + "regular": 12, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, }, "sizeFieldHeight": { - "regular": "40px", + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalMargin": { + "regular": 20, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": 12, }, - "sizeIconUILarge": { - "regular": "20px", + "sizeFieldSetMargin": { + "regular": 32, }, - "sizeIconUIMedium": { - "regular": "16px", + "sizeFieldVerticalMargin": { + "regular": 24, }, - "sizeListItemHeight": { - "regular": "44px", + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, }, - "sizePageHorizontalPadding": { - "regular": "16px", + "sizeFormItemPaddingVertical": { + "regular": 12, }, - "sizePopupLarge": { - "regular": "800px", + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, }, - "sizePopupMedium": { - "regular": "360px", + "sizeIconMargin": { + "compact": 8, + "regular": 12, }, - "sizeTag": { - "regular": "24px", + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, }, - "themeInheritsFrom": "paradigm", - "themeName": "pulse", - "themeNameBase": "pulse", - "themeType": "pixelify", -} -`; - -exports[`shapshots pulse theme should match pseudo theme from CssVars 1`] = ` -{ - "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", - "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", - "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", - "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "sizeIconUI": { + "regular": 16, }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "sizeIllustrationL": { + "regular": 144, }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "sizeIllustrationM": { + "regular": 96, }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "sizeIllustrationS": { + "regular": 48, }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "sizeIllustrationXM": { + "regular": 72, }, - "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "sizeIllustrationXXL": { + "regular": 228, }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "sizeLabelHorizontalMargin": { + "regular": 16, }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "sizeLabelVerticalMargin": { + "regular": 4, }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, }, - "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "sizePopupHeaderPadding": { + "compact": 24, + "regular": 16, }, - "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "sizePopupLarge": { + "regular": 880, }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "sizePopupMargin": { + "compact": 24, + "regular": 8, }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "sizePopupMedium": { + "regular": 680, }, - "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "sizePopupSmall": { + "regular": 430, }, - "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "sizeProgress": { + "regular": 4, }, - "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "sizeProgressScroll": { + "regular": 12, }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "sizePromoButtonClose": { + "regular": 32, }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "sizeSearchHeight": { + "compact": 32, + "regular": 36, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "sizeSliceBottomPadding": { + "regular": 60, }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "sizeSliceTopPadding": { + "regular": 40, }, - "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "sizeSplitColPaddingHorizontal": { + "regular": 16, }, - "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "sizeSubnavigationBarGap": { + "regular": 8, }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, }, - "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "sizeSwitchPin": { + "compact": 18, + "regular": 20, }, - "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "sizeTabMargin": { + "regular": 8, }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", + "sizeTabPadding": { + "regular": 16, }, - "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + "sizeTableHorizontalPadding": { + "regular": 16, }, - "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "sizeTableVerticalPadding": { + "regular": 16, }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "sizeTagMargin": { + "regular": 8, }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "sizeTagPadding": { + "regular": 8, }, - "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "sizeTipMargin": { + "regular": 4, }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "sizeTooltipMargin": { + "regular": 8, }, - "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "sizeVerticalPadding": { + "regular": 0, }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "sizeWysiwygIcon": { + "regular": 14, }, - "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "search", + "themeNameBase": "search", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots todo theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", + }, }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", + }, }, - "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", + }, }, - "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", + }, }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, }, - "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", + }, }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, }, - "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, }, - "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, }, - "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", - "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", + }, }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", + }, }, - "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + }, }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED033A)", + }, }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", + }, }, - "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", + }, }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, }, - "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", + }, }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, }, - "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, }, - "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "colorBackgroundAccentTintThemed": { + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, }, - "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", - "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "colorBackgroundAccentTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + }, }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2C2D2E)", + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", + }, }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, }, - "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + }, }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #797A80)", + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #FFFFFF)", + }, }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #303030)", + }, }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #DADCE0)", + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", + }, }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + }, }, - "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--color_transparent, transparent)", + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, }, - "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, }, - "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "colorBackgroundNegativeTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + }, }, - "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, }, - "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0px 4px 12px rgba(18, 25, 43, 0.12))", - "elevation2": "var(--vkui--elevation2, 0px 4px 20px rgba(18, 25, 43, 0.2))", - "elevation3": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", - "fontCaption1": { - "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", }, }, - "fontCaption2": { - "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + "colorBackgroundPositiveTintThemed": { + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "colorBackgroundPositiveTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, }, - "fontCaption3": { - "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, - }, - "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Arial, sans-serif)", - "fontFamilyMedia": "var(--vkui--font_family_media, Georgia, serif)", - "fontFootnote": { - "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, - }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", }, - "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", }, - "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", }, }, - "fontMediaHeader": { - "compact": { - "fontFamily": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_header--font_size--compact, 40px)", - "lineHeight": "var(--vkui--font_media_header--line_height--compact, 48px)", + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", }, - "regular": { - "fontFamily": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_header--font_size--regular, 36px)", - "fontWeight": "var(--vkui--font_media_header--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--font_media_header--line_height--regular, 44px)", + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, - "fontMediaLead": { - "compact": { - "fontSize": "var(--vkui--font_media_lead--font_size--compact, 22px)", - "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", - "lineHeight": "var(--vkui--font_media_lead--line_height--compact, 32px)", + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", }, - "regular": { - "fontFamily": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_lead--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_media_lead--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", - "lineHeight": "var(--vkui--font_media_lead--line_height--regular, 28px)", + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", }, }, - "fontMediaParagraph": { - "compact": { - "fontSize": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", - "fontWeight": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", + "colorBackgroundWarningTint": { + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", }, - "regular": { - "fontFamily": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", - "fontSize": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", - "fontWeight": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", - "lineHeight": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", }, - }, - "fontMediaTitle1": { - "regular": { - "fontFamily": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_title1--font_size--regular, 28px)", - "fontWeight": "var(--vkui--font_media_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_media_title1--line_height--regular, 36px)", + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", }, }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_title2--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_media_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_media_title2--line_height--regular, 32px)", + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", }, - }, - "fontMediaTitle3": { - "regular": { - "fontFamily": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_title3--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_media_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_media_title3--line_height--regular, 28px)", + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", }, }, - "fontSubhead": { - "compact": { - "fontFamily": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "colorBackgroundWarningTintThemed": { + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", }, - "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, }, - "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", + "colorBackgroundWarningTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", }, - "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", }, - }, - "fontTitle1": { - "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, }, - "fontTitle2": { - "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + "colorButtonContrast": { + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", - "fontWeightAccent2": "var(--vkui--font_weight_accent2, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 400)", - "gradientSkeleton": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #E9E9E9, #F5F5F5))", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "prefix": "var(--vkui--prefix, vkui)", - "pulseColorAccentYellow": { - "active": "var(--vkui--pulse_color_accent_yellow--active, #EBC405)", - "hover": "var(--vkui--pulse_color_accent_yellow--hover, #F5CC02)", - "normal": "var(--vkui--pulse_color_accent_yellow, #FFD400)", - }, - "pulseColorBackgroundPurple": { - "active": "var(--vkui--pulse_color_background_purple--active, #6047D4)", - "hover": "var(--vkui--pulse_color_background_purple--hover, #644ADA)", - "normal": "var(--vkui--pulse_color_background_purple, #684CE1)", - }, - "pulseColorOverlayViewer": { - "active": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", - "hover": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", - "normal": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", - }, - "pulseColorPurpleAlpha": { - "active": "var(--vkui--pulse_color_purple_alpha--active, rgba(66, 0, 255, 0.16))", - "hover": "var(--vkui--pulse_color_purple_alpha--hover, rgba(66, 0, 255, 0.12))", - "normal": "var(--vkui--pulse_color_purple_alpha, rgba(66, 0, 255, 0.08))", - }, - "pulseColorWhiteBlueAlpha": { - "active": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.98))", - "hover": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.9400000000000001))", - "normal": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.9))", - }, - "pulseZIndexDropdown": "var(--vkui--pulse_z_index_dropdown, 100px)", - "pulseZIndexFixed": "var(--vkui--pulse_z_index_fixed, 120px)", - "pulseZIndexModal": "var(--vkui--pulse_z_index_modal, 140px)", - "pulseZIndexModalBackdrop": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", - "pulseZIndexSticky": "var(--vkui--pulse_z_index_sticky, 110px)", - "pulseZIndexTooltip": "var(--vkui--pulse_z_index_tooltip, 150px)", - "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 60px)", - }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 40px)", - }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", - }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", - }, - "sizeBadge": { - "regular": "var(--vkui--size_badge--regular, 20px)", - }, - "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", - }, - "sizeBorderRadiusCard": { - "regular": "var(--vkui--size_border_radius_card--regular, 12px)", - }, - "sizeBorderRadiusLarge": { - "regular": "var(--vkui--size_border_radius_large--regular, 12px)", - }, - "sizeBorderRadiusPill": { - "regular": "var(--vkui--size_border_radius_pill--regular, 100px)", - }, - "sizeBorderRadiusSmall": { - "regular": "var(--vkui--size_border_radius_small--regular, 4px)", - }, - "sizeButtonCircleLarge": { - "regular": "var(--vkui--size_button_circle_large--regular, 44px)", - }, - "sizeButtonCircleMedium": { - "regular": "var(--vkui--size_button_circle_medium--regular, 40px)", - }, - "sizeButtonCircleSmall": { - "regular": "var(--vkui--size_button_circle_small--regular, 32px)", - }, - "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 40px)", - }, - "sizeButtonMediumHeight": { - "regular": "var(--vkui--size_button_medium_height--regular, 32px)", - }, - "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", - }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", - }, - "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 24px)", - }, - "sizeCardgridGapSpaceLarge": { - "regular": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", - }, - "sizeCardgridGapSpaceMedium": { - "regular": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", - }, - "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", - }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, - "sizeIconUILarge": { - "regular": "var(--vkui--size_icon_u_i_large--regular, 20px)", - }, - "sizeIconUIMedium": { - "regular": "var(--vkui--size_icon_u_i_medium--regular, 16px)", - }, - "sizeListItemHeight": { - "regular": "var(--vkui--size_list_item_height--regular, 44px)", - }, - "sizePageHorizontalPadding": { - "regular": "var(--vkui--size_page_horizontal_padding--regular, 16px)", - }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 800px)", - }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 360px)", - }, - "sizeTag": { - "regular": "var(--vkui--size_tag--regular, 24px)", - }, - "themeInheritsFrom": "var(--vkui--theme_inherits_from, paradigm)", - "themeName": "var(--vkui--theme_name, pulse)", - "themeNameBase": "var(--vkui--theme_name_base, pulse)", - "themeType": "pixelify", -} -`; - -exports[`shapshots pulse theme should match root theme snapshot 1`] = ` -{ - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", - }, - "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", - }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", - }, - "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", - }, - "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", - }, - "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", - }, - "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", - }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", - }, - "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", - }, - "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", - }, - "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "colorButtonContrastAlpha": { + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #0077ff)", + }, }, - "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #0077ff)", + }, }, - "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #0077ff)", + }, }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ffffff)", + }, }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + }, }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", + }, }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", + }, }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + }, }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #919399)", + }, }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED033a)", + }, }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", + }, }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + }, }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + }, }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + }, }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F59802)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FF9E00)", + }, }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + }, }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + }, }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + }, }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", + }, }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #DADCE0)", + }, }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + }, }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + }, }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + }, }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077ff)", + }, }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + }, }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED033a)", + }, }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0070f0)", + }, }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", + }, }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0070f0)", + }, }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2C2D2E)", + }, }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ED330a)", + }, }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #2C2D2E)", + }, }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #87898F)", + }, }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #797A80)", + }, }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + }, + "colorThumbErrorBackgroundAlpha": { + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + }, + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + }, + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, + }, + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + }, + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + }, + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + }, + "colorTooltipTextGreenThemed": { + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + }, + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, + }, + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + }, }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #DADCE0)", + }, }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", + }, }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + }, }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 4px 32px rgba(0, 16, 61, 0.24))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0,16,61, 0.48))", }, - "colorsScheme": "light", - "elevation1": "0px 4px 12px rgba(18, 25, 43, 0.12)", - "elevation2": "0px 4px 20px rgba(18, 25, 43, 0.2)", - "elevation3": "0px 16px 48px rgba(18, 25, 43, 0.28)", "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": "16px", + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, }, }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, }, - }, - "fontCaption2": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": "14px", + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", - }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, - "fontCaption3": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": "12px", - }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", - }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, }, }, "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, }, - "fontHeadline1": { + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, "compact": { - "fontSize": 16, - "lineHeight": "20px", + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, }, }, - "fontHeadline2": { + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + }, "compact": { - "fontSize": 15, - "lineHeight": "20px", + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", + }, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 500, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", + }, }, }, - "fontMediaHeader": { + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + }, "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 40, - "lineHeight": "48px", + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", + }, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 36, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", + }, }, }, - "fontMediaLead": { + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, "compact": { - "fontSize": 22, - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "letterSpacing": 0, - "lineHeight": "28px", + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, }, }, - "fontMediaParagraph": { + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, "compact": { - "fontSize": 19, - "fontWeight": 400, - "lineHeight": "32px", + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "Georgia, serif", - "fontSize": 18, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, }, }, - "fontMediaTitle1": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": "36px", + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, }, - }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "32px", + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, }, - }, - "fontMediaTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, }, }, "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, }, }, "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": "18px", + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, }, }, "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, "compact": { - "fontSize": 16, - "lineHeight": "22px", + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": "20px", + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, }, }, "fontTitle1": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "28px", - }, - }, - "fontTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": "26px", + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, }, - }, - "fontTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": "22px", - }, - }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 400, - "gradientSkeleton": "linear-gradient(110deg, #E9E9E9, #F5F5F5)", - "opacityDisable": 0.48, - "prefix": "vkui", - "pulseColorAccentYellow": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#FFD400", - }, - "pulseColorBackgroundPurple": { - "active": "#6047D4", - "hover": "#644ADA", - "normal": "#684CE1", - }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", - }, - "pulseColorPurpleAlpha": { - "active": "rgba(66, 0, 255, 0.16)", - "hover": "rgba(66, 0, 255, 0.12)", - "normal": "rgba(66, 0, 255, 0.08)", - }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.98)", - "hover": "rgba(226, 236, 255, 0.9400000000000001)", - "normal": "rgba(226, 236, 255, 0.9)", - }, - "pulseZIndexDropdown": 100, - "pulseZIndexFixed": 120, - "pulseZIndexModal": 140, - "pulseZIndexModalBackdrop": 130, - "pulseZIndexSticky": 110, - "pulseZIndexTooltip": 150, - "sizeAvatarL": { - "regular": 60, - }, - "sizeAvatarM": { - "regular": 40, - }, - "sizeAvatarS": { - "regular": 32, - }, - "sizeAvatarXS": { - "regular": 24, - }, - "sizeBadge": { - "regular": 20, - }, - "sizeBorderRadius": { - "regular": 8, - }, - "sizeBorderRadiusCard": { - "regular": 12, - }, - "sizeBorderRadiusLarge": { - "regular": 12, - }, - "sizeBorderRadiusPill": { - "regular": 100, - }, - "sizeBorderRadiusSmall": { - "regular": 4, - }, - "sizeButtonCircleLarge": { - "regular": 44, - }, - "sizeButtonCircleMedium": { - "regular": 40, - }, - "sizeButtonCircleSmall": { - "regular": 32, - }, - "sizeButtonLargeHeight": { - "regular": 40, - }, - "sizeButtonMediumHeight": { - "regular": 32, - }, - "sizeButtonPaddingHorizontal": { - "regular": 12, - }, - "sizeButtonPaddingHorizontalLarge": { - "regular": 16, - }, - "sizeButtonSmallHeight": { - "regular": 24, - }, - "sizeCardgridGapSpaceLarge": { - "regular": 20, - }, - "sizeCardgridGapSpaceMedium": { - "regular": 16, - }, - "sizeFieldHeight": { - "regular": 40, - }, - "sizeFieldHorizontalPadding": { - "regular": 12, - }, - "sizeIconUILarge": { - "regular": 20, - }, - "sizeIconUIMedium": { - "regular": 16, - }, - "sizeListItemHeight": { - "regular": 44, - }, - "sizePageHorizontalPadding": { - "regular": 16, - }, - "sizePopupLarge": { - "regular": 800, - }, - "sizePopupMedium": { - "regular": 360, - }, - "sizeTag": { - "regular": 24, - }, - "themeInheritsFrom": "paradigm", - "themeName": "pulse", - "themeNameBase": "pulse", - "themeType": "root", -} -`; - -exports[`shapshots pulseDark theme should match cssVars snapshot 1`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", - }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", - }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", - }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", - }, - }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #9C9DA2)", - }, - }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", - }, - }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", - }, - }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", - }, - }, - "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - }, - "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", - }, - }, - "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", - }, - }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", - }, - }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #C66AF4)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", - }, - }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", - }, - }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", - }, - "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", - }, - }, - "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", - }, - }, - "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", - }, - }, - "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", - }, - "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, }, }, - "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", + }, }, }, - "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.36))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.32))", + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, }, - "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.28))", + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, }, }, - "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #353536)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", - }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", }, - "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", - }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #414141)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #383838)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #303030)", - }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", }, - "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", - }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", }, - "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", - }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.36))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.32))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.28))", - }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", }, - "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", - }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", }, - "colorBackgroundPositiveTintAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.36))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.32))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.28))", - }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", }, - "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", - }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", }, - "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", - }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", - }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", }, - "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #363636)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", - }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #6C4E00)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "colorBackgroundWarningTintAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.36))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.32))", + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.28))", + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #353536)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #232324)", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "colorIconContrast": { - "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B0B1B6)", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", - }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", - }, - "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "colorImageBorderAlpha": { - "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, - "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, }, - "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #494A4B)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "colorLinkContrast": { - "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "colorOverlayPrimary": { - "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - }, - "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #494A4B)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #414243)", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #282829)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #151516)", + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #3E3F40)", + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "colorStrokeContrast": { - "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #FF6969)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #20C774)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "colorTextContrast": { - "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #6098E2)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #528FDF)", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E9EAEC)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #E7E8EA)", + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, - "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #FF6969)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #20C774)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #95979D)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #74767A)", + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #525354)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.12))", - }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.08))", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "colorWriteBarInputBorderAlpha": { - "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))", - }, - "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))", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", - }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0px 16px 48px rgba(0, 0, 0, 0.28))", - }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 16px 48px rgba(0, 0, 0, 0.48))", - }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px rgba(0, 0, 0, 0.64))", - }, - "fontCaption1": { + "sizeButtonTertiarySmallPaddingHorizontal": { "auto": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "fontCaption1Caps": { + "sizeButtonTertiarySmallPaddingHorizontalIcon": { "auto": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight", - "value": "var(--vkui--font_caption1_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height", - "value": "var(--vkui--font_caption1_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform", - "value": "var(--vkui--font_caption1_caps--text_transform)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "fontCaption2": { + "sizeCardBorderRadius": { "auto": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", - }, + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "fontCaption2Caps": { + "sizeCardgridPadding": { "auto": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family", - "value": "var(--vkui--font_caption2_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size", - "value": "var(--vkui--font_caption2_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight", - "value": "var(--vkui--font_caption2_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height", - "value": "var(--vkui--font_caption2_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform", - "value": "var(--vkui--font_caption2_caps--text_transform)", - }, + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size--regular", - "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height--regular", - "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "fontCaption3": { + "sizeCardgridPaddingVertical": { "auto": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family", - "value": "var(--vkui--font_caption3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size", - "value": "var(--vkui--font_caption3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight", - "value": "var(--vkui--font_caption3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height", - "value": "var(--vkui--font_caption3--line_height)", - }, + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size--regular", - "value": "var(--vkui--font_caption3--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight--regular", - "value": "var(--vkui--font_caption3--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height--regular", - "value": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "fontCaption3Caps": { + "sizeCheckBorderRadius": { "auto": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family", - "value": "var(--vkui--font_caption3_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size", - "value": "var(--vkui--font_caption3_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight", - "value": "var(--vkui--font_caption3_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height", - "value": "var(--vkui--font_caption3_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform", - "value": "var(--vkui--font_caption3_caps--text_transform)", - }, + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size--regular", - "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height--regular", - "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Arial, sans-serif)", - }, - "fontFamilyMedia": { - "name": "--vkui--font_family_media", - "value": "var(--vkui--font_family_media, Georgia, serif)", - }, - "fontFootnote": { + "sizeCheckbox": { "auto": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family", - "value": "var(--vkui--font_footnote--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size", - "value": "var(--vkui--font_footnote--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight", - "value": "var(--vkui--font_footnote--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height", - "value": "var(--vkui--font_footnote--line_height)", - }, + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "fontFootnoteCaps": { + "sizeChoiceMargin": { "auto": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family", - "value": "var(--vkui--font_footnote_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size", - "value": "var(--vkui--font_footnote_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight", - "value": "var(--vkui--font_footnote_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height", - "value": "var(--vkui--font_footnote_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform", - "value": "var(--vkui--font_footnote_caps--text_transform)", - }, + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size--regular", - "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight--regular", - "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform--regular", - "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "fontHeadline1": { + "sizeControlButtonWidthMin": { "auto": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", - }, + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, "compact": { - "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 16px)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", - }, + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, - "fontHeadline2": { + "sizeDivPadding": { "auto": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", - }, + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, + }, + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", - }, + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", }, }, - "fontMediaHeader": { + "sizeDotClickable": { "auto": { - "fontFamily": { - "name": "--vkui--font_media_header--font_family", - "value": "var(--vkui--font_media_header--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_header--font_size", - "value": "var(--vkui--font_media_header--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_header--font_weight", - "value": "var(--vkui--font_media_header--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_media_header--letter_spacing", - "value": "var(--vkui--font_media_header--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_media_header--line_height", - "value": "var(--vkui--font_media_header--line_height)", - }, + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "compact": { - "fontFamily": { - "name": "--vkui--font_media_header--font_family--compact", - "value": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_header--font_size--compact", - "value": "var(--vkui--font_media_header--font_size--compact, 40px)", - }, - "lineHeight": { - "name": "--vkui--font_media_header--line_height--compact", - "value": "var(--vkui--font_media_header--line_height--compact, 48px)", - }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + }, + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_media_header--font_family--regular", - "value": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_header--font_size--regular", - "value": "var(--vkui--font_media_header--font_size--regular, 36px)", - }, - "fontWeight": { - "name": "--vkui--font_media_header--font_weight--regular", - "value": "var(--vkui--font_media_header--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--font_media_header--letter_spacing--regular", - "value": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", - }, - "lineHeight": { - "name": "--vkui--font_media_header--line_height--regular", - "value": "var(--vkui--font_media_header--line_height--regular, 44px)", - }, + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", }, }, - "fontMediaLead": { + "sizeFieldHeight": { "auto": { - "fontFamily": { - "name": "--vkui--font_media_lead--font_family", - "value": "var(--vkui--font_media_lead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_lead--font_size", - "value": "var(--vkui--font_media_lead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_lead--font_weight", - "value": "var(--vkui--font_media_lead--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_media_lead--letter_spacing", - "value": "var(--vkui--font_media_lead--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_media_lead--line_height", - "value": "var(--vkui--font_media_lead--line_height)", - }, + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, "compact": { - "fontSize": { - "name": "--vkui--font_media_lead--font_size--compact", - "value": "var(--vkui--font_media_lead--font_size--compact, 22px)", - }, - "letterSpacing": { - "name": "--vkui--font_media_lead--letter_spacing--compact", - "value": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", - }, - "lineHeight": { - "name": "--vkui--font_media_lead--line_height--compact", - "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", - }, + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 48px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_media_lead--font_family--regular", - "value": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_lead--font_size--regular", - "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_media_lead--font_weight--regular", - "value": "var(--vkui--font_media_lead--font_weight--regular, 500)", - }, - "letterSpacing": { - "name": "--vkui--font_media_lead--letter_spacing--regular", - "value": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", - }, - "lineHeight": { - "name": "--vkui--font_media_lead--line_height--regular", - "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", - }, + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", }, }, - "fontMediaParagraph": { + "sizeFieldHorizontalMargin": { "auto": { - "fontFamily": { - "name": "--vkui--font_media_paragraph--font_family", - "value": "var(--vkui--font_media_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_paragraph--font_size", - "value": "var(--vkui--font_media_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_paragraph--font_weight", - "value": "var(--vkui--font_media_paragraph--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_media_paragraph--letter_spacing", - "value": "var(--vkui--font_media_paragraph--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height", - "value": "var(--vkui--font_media_paragraph--line_height)", - }, + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_media_paragraph--font_size--compact", - "value": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_media_paragraph--font_weight--compact", - "value": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height--compact", - "value": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", - }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_media_paragraph--font_family--regular", - "value": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", - }, - "fontSize": { - "name": "--vkui--font_media_paragraph--font_size--regular", - "value": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", - }, - "fontWeight": { - "name": "--vkui--font_media_paragraph--font_weight--regular", - "value": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_media_paragraph--letter_spacing--regular", - "value": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", - }, - "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height--regular", - "value": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", - }, + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "fontMediaTitle1": { + "sizeFieldSetMargin": { "auto": { - "fontFamily": { - "name": "--vkui--font_media_title1--font_family", - "value": "var(--vkui--font_media_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_title1--font_size", - "value": "var(--vkui--font_media_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_title1--font_weight", - "value": "var(--vkui--font_media_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_media_title1--line_height", - "value": "var(--vkui--font_media_title1--line_height)", - }, + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_media_title1--font_family--regular", - "value": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_title1--font_size--regular", - "value": "var(--vkui--font_media_title1--font_size--regular, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_media_title1--font_weight--regular", - "value": "var(--vkui--font_media_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_media_title1--line_height--regular", - "value": "var(--vkui--font_media_title1--line_height--regular, 36px)", - }, + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + }, + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "fontMediaTitle2": { + "sizeFieldWidthMin": { "auto": { - "fontFamily": { - "name": "--vkui--font_media_title2--font_family", - "value": "var(--vkui--font_media_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_title2--font_size", - "value": "var(--vkui--font_media_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_title2--font_weight", - "value": "var(--vkui--font_media_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_media_title2--line_height", - "value": "var(--vkui--font_media_title2--line_height)", - }, + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_media_title2--font_family--regular", - "value": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_title2--font_size--regular", - "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_media_title2--font_weight--regular", - "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_media_title2--line_height--regular", - "value": "var(--vkui--font_media_title2--line_height--regular, 32px)", - }, + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", }, }, - "fontMediaTitle3": { + "sizeFormItemPaddingVertical": { "auto": { - "fontFamily": { - "name": "--vkui--font_media_title3--font_family", - "value": "var(--vkui--font_media_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_media_title3--font_size", - "value": "var(--vkui--font_media_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_media_title3--font_weight", - "value": "var(--vkui--font_media_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_media_title3--line_height", - "value": "var(--vkui--font_media_title3--line_height)", - }, + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_media_title3--font_family--regular", - "value": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_media_title3--font_size--regular", - "value": "var(--vkui--font_media_title3--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_media_title3--font_weight--regular", - "value": "var(--vkui--font_media_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_media_title3--line_height--regular", - "value": "var(--vkui--font_media_title3--line_height--regular, 28px)", - }, + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "fontParagraph": { + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", + }, + "sizeHeaderIcon": { "auto": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family", - "value": "var(--vkui--font_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size", - "value": "var(--vkui--font_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight", - "value": "var(--vkui--font_paragraph--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height", - "value": "var(--vkui--font_paragraph--line_height)", - }, + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight--regular", - "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", - }, + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "fontSubhead": { + "sizeIconMargin": { "auto": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family", - "value": "var(--vkui--font_subhead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size", - "value": "var(--vkui--font_subhead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight", - "value": "var(--vkui--font_subhead--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height", - "value": "var(--vkui--font_subhead--line_height)", - }, + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", }, "compact": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--compact", - "value": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--compact", - "value": "var(--vkui--font_subhead--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, - "fontText": { + "sizeIconMorePadding": { "auto": { - "fontFamily": { - "name": "--vkui--font_text--font_family", - "value": "var(--vkui--font_text--font_family)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size", - "value": "var(--vkui--font_text--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight", - "value": "var(--vkui--font_text--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height", - "value": "var(--vkui--font_text--line_height)", - }, + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", }, "compact": { - "fontSize": { - "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 16px)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 22px)", - }, + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight--regular", - "value": "var(--vkui--font_text--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 20px)", - }, + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "fontTitle1": { + "sizeIconUI": { "auto": { - "fontFamily": { - "name": "--vkui--font_title1--font_family", - "value": "var(--vkui--font_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size", - "value": "var(--vkui--font_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight", - "value": "var(--vkui--font_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height", - "value": "var(--vkui--font_title1--line_height)", - }, + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--regular", - "value": "var(--vkui--font_title1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "fontTitle2": { + "sizeIllustrationL": { "auto": { - "fontFamily": { - "name": "--vkui--font_title2--font_family", - "value": "var(--vkui--font_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size", - "value": "var(--vkui--font_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight", - "value": "var(--vkui--font_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height", - "value": "var(--vkui--font_title2--line_height)", - }, + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size--regular", - "value": "var(--vkui--font_title2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 26px)", - }, + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "fontTitle3": { + "sizeIllustrationM": { "auto": { - "fontFamily": { - "name": "--vkui--font_title3--font_family", - "value": "var(--vkui--font_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size", - "value": "var(--vkui--font_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight", - "value": "var(--vkui--font_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height", - "value": "var(--vkui--font_title3--line_height)", - }, + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", - }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 400)", - }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", - }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 400)", - }, - "gradientSkeleton": { - "name": "--vkui--gradient_skeleton", - "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", - }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", - }, - "prefix": { - "name": "--vkui--prefix", - "value": "var(--vkui--prefix, vkui)", + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", + }, }, - "pulseColorAccentYellow": { - "active": { - "name": "--vkui--pulse_color_accent_yellow--active", - "value": "var(--vkui--pulse_color_accent_yellow--active, #FFD714)", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, - "hover": { - "name": "--vkui--pulse_color_accent_yellow--hover", - "value": "var(--vkui--pulse_color_accent_yellow--hover, #FFD60A)", + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, - "normal": { - "name": "--vkui--pulse_color_accent_yellow", - "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + }, + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "pulseColorBackgroundPurple": { - "active": { - "name": "--vkui--pulse_color_background_purple--active", - "value": "var(--vkui--pulse_color_background_purple--active, #846DEA)", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, - "hover": { - "name": "--vkui--pulse_color_background_purple--hover", - "value": "var(--vkui--pulse_color_background_purple--hover, #7E66E9)", + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "normal": { - "name": "--vkui--pulse_color_background_purple", - "value": "var(--vkui--pulse_color_background_purple, #7960E8)", + }, + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "pulseColorOverlayViewer": { - "active": { - "name": "--vkui--pulse_color_overlay_viewer--active", - "value": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, - "hover": { - "name": "--vkui--pulse_color_overlay_viewer--hover", - "value": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, - "normal": { - "name": "--vkui--pulse_color_overlay_viewer", - "value": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + }, + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "pulseColorPurpleAlpha": { - "active": { - "name": "--vkui--pulse_color_purple_alpha--active", - "value": "var(--vkui--pulse_color_purple_alpha--active, rgba(234, 226, 255, 0.2))", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, - "hover": { - "name": "--vkui--pulse_color_purple_alpha--hover", - "value": "var(--vkui--pulse_color_purple_alpha--hover, rgba(234, 226, 255, 0.16))", + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, - "normal": { - "name": "--vkui--pulse_color_purple_alpha", - "value": "var(--vkui--pulse_color_purple_alpha, rgba(234, 226, 255, 0.12))", + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "pulseColorWhiteBlueAlpha": { - "active": { - "name": "--vkui--pulse_color_white_blue_alpha--active", - "value": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.2))", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - "hover": { - "name": "--vkui--pulse_color_white_blue_alpha--hover", - "value": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.16))", + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, - "normal": { - "name": "--vkui--pulse_color_white_blue_alpha", - "value": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.12))", + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "pulseZIndexDropdown": { - "name": "--vkui--pulse_z_index_dropdown", - "value": "var(--vkui--pulse_z_index_dropdown, 100px)", - }, - "pulseZIndexFixed": { - "name": "--vkui--pulse_z_index_fixed", - "value": "var(--vkui--pulse_z_index_fixed, 120px)", - }, - "pulseZIndexModal": { - "name": "--vkui--pulse_z_index_modal", - "value": "var(--vkui--pulse_z_index_modal, 140px)", - }, - "pulseZIndexModalBackdrop": { - "name": "--vkui--pulse_z_index_modal_backdrop", - "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", - }, - "pulseZIndexSticky": { - "name": "--vkui--pulse_z_index_sticky", - "value": "var(--vkui--pulse_z_index_sticky, 110px)", - }, - "pulseZIndexTooltip": { - "name": "--vkui--pulse_z_index_tooltip", - "value": "var(--vkui--pulse_z_index_tooltip, 150px)", - }, - "sizeAvatarL": { + "sizePopupBasePadding": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 60px)", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, - "sizeAvatarM": { + "sizePopupHeaderPadding": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 40px)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, - "sizeAvatarS": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "sizeAvatarXS": { + "sizePopupMargin": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", }, }, - "sizeBadge": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_badge", - "value": "var(--vkui--size_badge)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_badge--regular", - "value": "var(--vkui--size_badge--regular, 20px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "sizeBorderRadius": { + "sizePopupSmall": { "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "sizeBorderRadiusCard": { + "sizeProgress": { "auto": { - "name": "--vkui--size_border_radius_card", - "value": "var(--vkui--size_border_radius_card)", + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", }, "regular": { - "name": "--vkui--size_border_radius_card--regular", - "value": "var(--vkui--size_border_radius_card--regular, 12px)", + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "sizeBorderRadiusLarge": { + "sizeProgressScroll": { "auto": { - "name": "--vkui--size_border_radius_large", - "value": "var(--vkui--size_border_radius_large)", + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, "regular": { - "name": "--vkui--size_border_radius_large--regular", - "value": "var(--vkui--size_border_radius_large--regular, 12px)", + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, }, - "sizeBorderRadiusPill": { + "sizePromoButtonClose": { "auto": { - "name": "--vkui--size_border_radius_pill", - "value": "var(--vkui--size_border_radius_pill)", + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", }, "regular": { - "name": "--vkui--size_border_radius_pill--regular", - "value": "var(--vkui--size_border_radius_pill--regular, 100px)", + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", }, }, - "sizeBorderRadiusSmall": { + "sizeSearchHeight": { "auto": { - "name": "--vkui--size_border_radius_small", - "value": "var(--vkui--size_border_radius_small)", + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_border_radius_small--regular", - "value": "var(--vkui--size_border_radius_small--regular, 4px)", + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "sizeButtonCircleLarge": { + "sizeSelectIconPadding": { "auto": { - "name": "--vkui--size_button_circle_large", - "value": "var(--vkui--size_button_circle_large)", + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", }, "regular": { - "name": "--vkui--size_button_circle_large--regular", - "value": "var(--vkui--size_button_circle_large--regular, 44px)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, - "sizeButtonCircleMedium": { + "sizeSliceBottomPadding": { "auto": { - "name": "--vkui--size_button_circle_medium", - "value": "var(--vkui--size_button_circle_medium)", + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", }, "regular": { - "name": "--vkui--size_button_circle_medium--regular", - "value": "var(--vkui--size_button_circle_medium--regular, 40px)", + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, }, - "sizeButtonCircleSmall": { + "sizeSliceTopPadding": { "auto": { - "name": "--vkui--size_button_circle_small", - "value": "var(--vkui--size_button_circle_small)", + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", }, "regular": { - "name": "--vkui--size_button_circle_small--regular", - "value": "var(--vkui--size_button_circle_small--regular, 32px)", + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, }, - "sizeButtonLargeHeight": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 40px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "sizeButtonMediumHeight": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 32px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "sizeButtonPaddingHorizontal": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "sizeButtonPaddingHorizontalLarge": { + "sizeSwitchHeight": { "auto": { - "name": "--vkui--size_button_padding_horizontal_large", - "value": "var(--vkui--size_button_padding_horizontal_large)", + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal_large--regular", - "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "sizeButtonSmallHeight": { + "sizeSwitchPin": { "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 24px)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "sizeCardgridGapSpaceLarge": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_cardgrid_gap_space_large", - "value": "var(--vkui--size_cardgrid_gap_space_large)", + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_large--regular", - "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "sizeCardgridGapSpaceMedium": { + "sizeTabMargin": { "auto": { - "name": "--vkui--size_cardgrid_gap_space_medium", - "value": "var(--vkui--size_cardgrid_gap_space_medium)", + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_medium--regular", - "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", }, }, - "sizeFieldHeight": { + "sizeTabPadding": { "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", }, }, - "sizeFieldHorizontalPadding": { + "sizeTableHorizontalPadding": { "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", }, "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, }, - "sizeIconUILarge": { + "sizeTableVerticalPadding": { "auto": { - "name": "--vkui--size_icon_u_i_large", - "value": "var(--vkui--size_icon_u_i_large)", + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", }, "regular": { - "name": "--vkui--size_icon_u_i_large--regular", - "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, }, - "sizeIconUIMedium": { + "sizeTagMargin": { "auto": { - "name": "--vkui--size_icon_u_i_medium", - "value": "var(--vkui--size_icon_u_i_medium)", + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", }, "regular": { - "name": "--vkui--size_icon_u_i_medium--regular", - "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", }, }, - "sizeListItemHeight": { + "sizeTagPadding": { "auto": { - "name": "--vkui--size_list_item_height", - "value": "var(--vkui--size_list_item_height)", + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", }, "regular": { - "name": "--vkui--size_list_item_height--regular", - "value": "var(--vkui--size_list_item_height--regular, 44px)", + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", }, }, - "sizePageHorizontalPadding": { + "sizeTipMargin": { "auto": { - "name": "--vkui--size_page_horizontal_padding", - "value": "var(--vkui--size_page_horizontal_padding)", + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", }, "regular": { - "name": "--vkui--size_page_horizontal_padding--regular", - "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", }, }, - "sizePopupLarge": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 800px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizePopupMedium": { + "sizeVerticalPadding": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 360px)", + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", }, }, - "sizeTag": { + "sizeWysiwygIcon": { "auto": { - "name": "--vkui--size_tag", - "value": "var(--vkui--size_tag)", + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", }, "regular": { - "name": "--vkui--size_tag--regular", - "value": "var(--vkui--size_tag--regular, 24px)", + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, paradigm)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, pulseDark)", + "value": "var(--vkui--theme_name, todo)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, pulse)", + "value": "var(--vkui--theme_name_base, todo)", }, "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", + }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", + }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", + }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", + }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", + }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", + }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", + }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", + }, + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + }, + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + }, + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", + }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", + }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", + }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", + }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", + }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", + }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", + }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", + }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", + }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", + }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", + }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", + }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", + }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", + }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", + }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, } `; -exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentCyan": { + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, + "colorAccentLime": { + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", + }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", + }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.36)", - "hover": "rgba(0, 95, 249, 0.32)", - "normal": "rgba(0, 95, 249, 0.28)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContrastInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", + }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.36)", - "hover": "rgba(237, 10, 52, 0.32)", - "normal": "rgba(237, 10, 52, 0.28)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, + "colorBackgroundPositiveTint": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.36)", - "hover": "rgba(13, 194, 104, 0.32)", - "normal": "rgba(13, 194, 104, 0.28)", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTint": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.36)", - "hover": "rgba(255, 158, 0, 0.32)", - "normal": "rgba(255, 158, 0, 0.28)", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorButtonContrast": { + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", + }, + "colorButtonIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonStroke": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorFieldBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", + }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", + }, + "colorIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", + }, + "colorSeparatorPrimary2x": { + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", + "active": "#4B85D2", + "hover": "#4F8AD9", "normal": "#528FDF", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", + "active": "#799EDC", + "hover": "#7EA4E3", "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "colorsScheme": "dark", - "elevation1": "0px 16px 48px rgba(0, 0, 0, 0.28)", - "elevation2": "0px 16px 48px rgba(0, 0, 0, 0.48)", - "elevation3": "0px 16px 48px rgba(0, 0, 0, 0.64)", + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 2px 0 0 rgba(0,16,61, 0.04)", + "elevation3": "0 4px 32px rgba(0, 16, 61, 0.24)", + "elevation4": "0 16px 48px 0 rgba(0,16,61, 0.48)", "fontCaption1": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -294700,7 +331418,7 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", @@ -294710,7 +331428,7 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -294718,7 +331436,7 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", @@ -294728,7 +331446,7 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -294736,7 +331454,7 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", @@ -294744,12 +331462,50 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "textTransform": "uppercase", }, }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "lineHeight": "22px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", + }, + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -294757,7 +331513,7 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", @@ -294765,719 +331521,1273 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "textTransform": "uppercase", }, }, - "fontHeadline1": { + "fontH0": { "compact": { - "fontSize": "16px", - "lineHeight": "20px", + "fontSize": "44px", + "lineHeight": "52px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": "32px", }, }, - "fontHeadline2": { + "fontH1": { + "compact": { + "fontSize": "32px", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontHeadline": { "compact": { "fontSize": "15px", "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "14px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, }, - "fontMediaHeader": { + "fontHeadline1": { "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "40px", - "lineHeight": "48px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "36px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "lineHeight": "20px", }, }, - "fontMediaLead": { + "fontHeadline2": { "compact": { - "fontSize": "22px", - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "fontSize": "14px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "19px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "letterSpacing": "0px", - "lineHeight": "28px", + "lineHeight": "20px", }, }, - "fontMediaParagraph": { - "compact": { - "fontSize": "19px", + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": "32px", + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "Georgia, serif", - "fontSize": "18px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "lineHeight": "18px", }, }, - "fontMediaTitle1": { + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "36px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "fontMediaTitle2": { + "fontTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, - "lineHeight": "32px", + "lineHeight": "28px", }, }, - "fontMediaTitle3": { + "fontTitle2": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": "26px", }, }, - "fontParagraph": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "fontTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowHeight": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, + "sizeAvatarL": { + "regular": "96px", + }, + "sizeAvatarM": { + "regular": "48px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadgeL": { + "regular": "44px", + }, + "sizeBadgeM": { + "regular": "24px", + }, + "sizeBadgeS": { + "regular": "16px", + }, + "sizeBadgeXL": { + "regular": "56px", + }, + "sizeBadgeXS": { + "regular": "12px", + }, + "sizeBase": "4px", + "sizeBaseMargin": { + "regular": "12px", + }, + "sizeBasePadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "sizeBorderWidthAccent": { + "regular": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonGroupGapMedium": { + "regular": "12px", + }, + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", + }, + "sizeButtonIconPadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonMorePadding": { + "regular": "8px", + }, + "sizeButtonPaddingHorizontal": { + "compact": "16px", + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { + "regular": "12px", + }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", }, - "fontSubhead": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", - }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", }, - "fontText": { - "compact": { - "fontSize": "16px", - "lineHeight": "22px", - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "sizeCardBorderRadius": { + "regular": "16px", }, - "fontTitle1": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", - }, + "sizeCardgridPadding": { + "regular": "12px", }, - "fontTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", - }, + "sizeCardgridPaddingVertical": { + "regular": "8px", }, - "fontTitle3": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", - }, + "sizeCheckBorderRadius": { + "regular": "4px", }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 400, - "gradientSkeleton": "linear-gradient(110deg, #292929, #383838)", - "opacityDisable": 0.48, - "prefix": "vkui", - "pulseColorAccentYellow": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#FFD400", + "sizeCheckbox": { + "regular": "16px", }, - "pulseColorBackgroundPurple": { - "active": "#846DEA", - "hover": "#7E66E9", - "normal": "#7960E8", + "sizeChoiceMargin": { + "regular": "8px", }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", }, - "pulseColorPurpleAlpha": { - "active": "rgba(234, 226, 255, 0.2)", - "hover": "rgba(234, 226, 255, 0.16)", - "normal": "rgba(234, 226, 255, 0.12)", + "sizeDivPadding": { + "regular": "4px", }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.2)", - "hover": "rgba(226, 236, 255, 0.16)", - "normal": "rgba(226, 236, 255, 0.12)", + "sizeDotBullet": { + "regular": "4px", }, - "pulseZIndexDropdown": "100px", - "pulseZIndexFixed": "120px", - "pulseZIndexModal": "140px", - "pulseZIndexModalBackdrop": "130px", - "pulseZIndexSticky": "110px", - "pulseZIndexTooltip": "150px", - "sizeAvatarL": { - "regular": "60px", + "sizeDotClickable": { + "regular": "12px", }, - "sizeAvatarM": { + "sizeDotIndicate": { + "regular": "8px", + }, + "sizeFieldHeight": { + "compact": "48px", "regular": "40px", }, - "sizeAvatarS": { + "sizeFieldHorizontalMargin": { + "regular": "20px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFieldSetMargin": { "regular": "32px", }, - "sizeAvatarXS": { + "sizeFieldVerticalMargin": { "regular": "24px", }, - "sizeBadge": { - "regular": "20px", + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", }, - "sizeBorderRadius": { - "regular": "8px", + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "sizeBorderRadiusCard": { + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "compact": "8px", "regular": "12px", }, - "sizeBorderRadiusLarge": { + "sizeIconMorePadding": { + "compact": "8px", "regular": "12px", }, - "sizeBorderRadiusPill": { - "regular": "100px", + "sizeIconUI": { + "regular": "16px", }, - "sizeBorderRadiusSmall": { + "sizeIllustrationL": { + "regular": "144px", + }, + "sizeIllustrationM": { + "regular": "96px", + }, + "sizeIllustrationS": { + "regular": "48px", + }, + "sizeIllustrationXM": { + "regular": "72px", + }, + "sizeIllustrationXXL": { + "regular": "228px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeLabelVerticalMargin": { "regular": "4px", }, - "sizeButtonCircleLarge": { - "regular": "44px", + "sizeLabelWidth": { + "regular": "184px", }, - "sizeButtonCircleMedium": { - "regular": "40px", + "sizeMenuMargin": { + "regular": "2px", }, - "sizeButtonCircleSmall": { + "sizeMenuPadding": { + "regular": "8px", + }, + "sizeOptionHierarchy": { "regular": "32px", }, - "sizeButtonLargeHeight": { - "regular": "40px", + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", }, - "sizeButtonMediumHeight": { - "regular": "32px", + "sizePopupBasePadding": { + "compact": "32px", + "regular": "20px", }, - "sizeButtonPaddingHorizontal": { + "sizePopupHeaderPadding": { + "compact": "24px", + "regular": "16px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { "regular": "12px", }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "16px", + "sizePromoButtonClose": { + "regular": "32px", }, - "sizeButtonSmallHeight": { - "regular": "24px", + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", }, - "sizeCardgridGapSpaceLarge": { - "regular": "20px", + "sizeSelectIconPadding": { + "compact": "6px", + "regular": "7px", }, - "sizeCardgridGapSpaceMedium": { - "regular": "16px", + "sizeSliceBottomPadding": { + "regular": "60px", }, - "sizeFieldHeight": { + "sizeSliceTopPadding": { "regular": "40px", }, - "sizeFieldHorizontalPadding": { + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { "regular": "12px", }, - "sizeIconUILarge": { + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", "regular": "20px", }, - "sizeIconUIMedium": { + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTabMargin": { + "regular": "8px", + }, + "sizeTabPadding": { "regular": "16px", }, - "sizeListItemHeight": { - "regular": "44px", + "sizeTableHorizontalPadding": { + "regular": "16px", }, - "sizePageHorizontalPadding": { + "sizeTableVerticalPadding": { "regular": "16px", }, - "sizePopupLarge": { - "regular": "800px", + "sizeTagMargin": { + "regular": "8px", }, - "sizePopupMedium": { - "regular": "360px", + "sizeTagPadding": { + "regular": "8px", }, - "sizeTag": { - "regular": "24px", + "sizeTipMargin": { + "regular": "4px", }, - "themeInheritsFrom": "paradigm", - "themeName": "pulseDark", - "themeNameBase": "pulse", + "sizeTooltipMargin": { + "regular": "8px", + }, + "sizeVerticalPadding": { + "regular": "0px", + }, + "sizeWysiwygIcon": { + "regular": "14px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "todo", + "themeNameBase": "todo", "themeType": "pixelify", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", + }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", + }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", "normal": "var(--vkui--color_accent_green, #0DC268)", }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A9E971)", + "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", + }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #EB367F)", + "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", + }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #2B2B2C)", - "hover": "var(--vkui--color_background--hover, #222223)", - "normal": "var(--vkui--color_background, #19191A)", + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.36))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.32))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.28))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, + "colorBackgroundAccentTintThemed": { + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + "active": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.36))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.32))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.28))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, + "colorBackgroundNegativeTintThemed": { + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", "normal": "var(--vkui--color_background_positive, #0DC268)", }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", + }, "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.36))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.32))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.28))", + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, + "colorBackgroundPositiveTintThemed": { + "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #785C14)", - "hover": "var(--vkui--color_background_warning--hover, #72550A)", - "normal": "var(--vkui--color_background_warning, #6C4E00)", + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", + }, + "colorBackgroundWarningTint": { + "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint, #fffce0)", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.36))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.32))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.28))", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorBackgroundWarningTintThemed": { + "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorButtonContrast": { + "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + }, + "colorButtonContrastAlpha": { + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #ffffff)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EB9305)", + "hover": "var(--vkui--color_icon_warning--hover, #F59802)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + "colorRating": { + "active": "var(--vkui--color_rating--active, #EBC405)", + "hover": "var(--vkui--color_rating--hover, #F5CC02)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #494A4B)", - "hover": "var(--vkui--color_search_field_background--hover, #414243)", - "normal": "var(--vkui--color_search_field_background, #393A3B)", + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #282829)", - "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - "normal": "var(--vkui--color_separator_primary, #151516)", + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #6098E2)", - "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", - "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #7F8185)", - "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - "normal": "var(--vkui--color_text_tertiary, #74767A)", + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + "colorTooltipBackgroundBlueTint": { + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + "colorTooltipBackgroundGreenTint": { + "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + "colorTooltipTextBlueThemed": { + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + "colorTooltipTextGreenThemed": { + "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + "colorTooltipTextOrangeThemed": { + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, + "colorTooltipTextPurpleThemed": { + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.12))", - "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", - "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, - "colorsScheme": "var(--vkui--colors_scheme, dark)", - "elevation1": "var(--vkui--elevation1, 0px 16px 48px rgba(0, 0, 0, 0.28))", - "elevation2": "var(--vkui--elevation2, 0px 16px 48px rgba(0, 0, 0, 0.48))", - "elevation3": "var(--vkui--elevation3, 0px 16px 48px rgba(0, 0, 0, 0.64))", + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", + "elevation3": "var(--vkui--elevation3, 0 4px 32px rgba(0, 16, 61, 0.24))", + "elevation4": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0,16,61, 0.48))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", @@ -295485,7 +332795,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", @@ -295495,7 +332805,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -295503,7 +332813,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", @@ -295513,7 +332823,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -295521,7 +332831,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", @@ -295529,12 +332839,50 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Arial, sans-serif)", - "fontFamilyMedia": "var(--vkui--font_family_media, Georgia, serif)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", @@ -295542,7 +332890,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", @@ -295550,99 +332898,81 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, - "fontHeadline1": { + "fontH0": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", - "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, - "fontHeadline2": { + "fontH1": { "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, - "fontMediaHeader": { + "fontH2": { "compact": { - "fontFamily": "var(--vkui--font_media_header--font_family--compact, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_header--font_size--compact, 40px)", - "lineHeight": "var(--vkui--font_media_header--line_height--compact, 48px)", + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_header--font_size--regular, 36px)", - "fontWeight": "var(--vkui--font_media_header--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_media_header--letter_spacing--regular, -0.005em)", - "lineHeight": "var(--vkui--font_media_header--line_height--regular, 44px)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, - "fontMediaLead": { + "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_media_lead--font_size--compact, 22px)", - "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--compact, -0.003em)", - "lineHeight": "var(--vkui--font_media_lead--line_height--compact, 32px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_lead--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_media_lead--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_media_lead--letter_spacing--regular, 0px)", - "lineHeight": "var(--vkui--font_media_lead--line_height--regular, 28px)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, - "fontMediaParagraph": { + "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_media_paragraph--font_size--compact, 19px)", - "fontWeight": "var(--vkui--font_media_paragraph--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", - }, - "regular": { - "fontFamily": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", - "fontSize": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", - "fontWeight": "var(--vkui--font_media_paragraph--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_media_paragraph--letter_spacing--regular, 0.003em)", - "lineHeight": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, - }, - "fontMediaTitle1": { "regular": { - "fontFamily": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_title1--font_size--regular, 28px)", - "fontWeight": "var(--vkui--font_media_title1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_media_title1--line_height--regular, 36px)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "var(--vkui--font_media_title2--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_title2--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_media_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_media_title2--line_height--regular, 32px)", + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, - }, - "fontMediaTitle3": { "regular": { - "fontFamily": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--font_media_title3--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_media_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_media_title3--line_height--regular, 28px)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -295650,33 +332980,31 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontSubhead": { "compact": { - "fontFamily": "var(--vkui--font_subhead--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--compact, 400)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--regular, 13px)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 15px)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -295684,7 +333012,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", @@ -295692,930 +333020,1828 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", - "fontWeightAccent2": "var(--vkui--font_weight_accent2, 400)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 400)", - "gradientSkeleton": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "opacityDisable": "var(--vkui--opacity_disable, 0.48)", - "prefix": "var(--vkui--prefix, vkui)", - "pulseColorAccentYellow": { - "active": "var(--vkui--pulse_color_accent_yellow--active, #FFD714)", - "hover": "var(--vkui--pulse_color_accent_yellow--hover, #FFD60A)", - "normal": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "pulseColorBackgroundPurple": { - "active": "var(--vkui--pulse_color_background_purple--active, #846DEA)", - "hover": "var(--vkui--pulse_color_background_purple--hover, #7E66E9)", - "normal": "var(--vkui--pulse_color_background_purple, #7960E8)", + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", }, - "pulseColorOverlayViewer": { - "active": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", - "hover": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", - "normal": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "pulseColorPurpleAlpha": { - "active": "var(--vkui--pulse_color_purple_alpha--active, rgba(234, 226, 255, 0.2))", - "hover": "var(--vkui--pulse_color_purple_alpha--hover, rgba(234, 226, 255, 0.16))", - "normal": "var(--vkui--pulse_color_purple_alpha, rgba(234, 226, 255, 0.12))", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "pulseColorWhiteBlueAlpha": { - "active": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.2))", - "hover": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.16))", - "normal": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.12))", + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", }, - "pulseZIndexDropdown": "var(--vkui--pulse_z_index_dropdown, 100px)", - "pulseZIndexFixed": "var(--vkui--pulse_z_index_fixed, 120px)", - "pulseZIndexModal": "var(--vkui--pulse_z_index_modal, 140px)", - "pulseZIndexModalBackdrop": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", - "pulseZIndexSticky": "var(--vkui--pulse_z_index_sticky, 110px)", - "pulseZIndexTooltip": "var(--vkui--pulse_z_index_tooltip, 150px)", "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 60px)", + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 40px)", + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, "sizeAvatarS": { "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, "sizeAvatarXS": { "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "sizeBadge": { - "regular": "var(--vkui--size_badge--regular, 20px)", + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "sizeBorderRadiusCard": { - "regular": "var(--vkui--size_border_radius_card--regular, 12px)", + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, - "sizeBorderRadiusLarge": { - "regular": "var(--vkui--size_border_radius_large--regular, 12px)", + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, - "sizeBorderRadiusPill": { - "regular": "var(--vkui--size_border_radius_pill--regular, 100px)", + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "sizeBorderRadiusSmall": { - "regular": "var(--vkui--size_border_radius_small--regular, 4px)", + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, - "sizeButtonCircleLarge": { - "regular": "var(--vkui--size_button_circle_large--regular, 44px)", + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, - "sizeButtonCircleMedium": { - "regular": "var(--vkui--size_button_circle_medium--regular, 40px)", + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", }, - "sizeButtonCircleSmall": { - "regular": "var(--vkui--size_button_circle_small--regular, 32px)", + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 40px)", + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "regular": "var(--vkui--size_button_medium_height--regular, 32px)", + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 24px)", + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, - "sizeCardgridGapSpaceLarge": { - "regular": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "sizeCardgridGapSpaceMedium": { - "regular": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", + }, + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", + }, + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 48px)", "regular": "var(--vkui--size_field_height--regular, 40px)", }, + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "sizeIconUILarge": { - "regular": "var(--vkui--size_icon_u_i_large--regular, 20px)", + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, - "sizeIconUIMedium": { - "regular": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, - "sizeListItemHeight": { - "regular": "var(--vkui--size_list_item_height--regular, 44px)", + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, - "sizePageHorizontalPadding": { - "regular": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", + }, + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", + }, + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", + }, + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", + }, + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, + "sizeIllustrationXXL": { + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", + }, + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", + }, + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 800px)", + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 360px)", + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "sizeTag": { - "regular": "var(--vkui--size_tag--regular, 24px)", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "themeInheritsFrom": "var(--vkui--theme_inherits_from, paradigm)", - "themeName": "var(--vkui--theme_name, pulseDark)", - "themeNameBase": "var(--vkui--theme_name_base, pulse)", + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", + }, + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", + }, + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", + }, + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", + }, + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", + }, + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", + }, + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, todo)", + "themeNameBase": "var(--vkui--theme_name_base, todo)", "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots pulseDark theme should match root theme snapshot 1`] = ` +exports[`shapshots todo theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentCyan": { + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, + "colorAccentLime": { + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", + }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#F05C44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", + }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.36)", - "hover": "rgba(0, 95, 249, 0.32)", - "normal": "rgba(0, 95, 249, 0.28)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContrastInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", + }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.36)", - "hover": "rgba(237, 10, 52, 0.32)", - "normal": "rgba(237, 10, 52, 0.28)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, + "colorBackgroundPositiveTint": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.36)", - "hover": "rgba(13, 194, 104, 0.32)", - "normal": "rgba(13, 194, 104, 0.28)", + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTint": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.36)", - "hover": "rgba(255, 158, 0, 0.32)", - "normal": "rgba(255, 158, 0, 0.28)", + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorButtonContrast": { + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", + }, + "colorButtonIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonStroke": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorButtonText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorFieldBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", + }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#B0B1B6", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", + }, + "colorIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, - "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "colorSeparatorPrimary2x": { + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", + "active": "#4B85D2", + "hover": "#4F8AD9", "normal": "#528FDF", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", + "active": "#799EDC", + "hover": "#7EA4E3", "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "colorsScheme": "dark", - "elevation1": "0px 16px 48px rgba(0, 0, 0, 0.28)", - "elevation2": "0px 16px 48px rgba(0, 0, 0, 0.48)", - "elevation3": "0px 16px 48px rgba(0, 0, 0, 0.64)", + "colorsScheme": "light", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 2px 0 0 rgba(0,16,61, 0.04)", + "elevation3": "0 4px 32px rgba(0, 16, 61, 0.24)", + "elevation4": "0 16px 48px 0 rgba(0,16,61, 0.48)", "fontCaption1": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", - "lineHeight": "16px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", - "lineHeight": "12px", + "lineHeight": 12, "textTransform": "uppercase", }, }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, + }, + }, + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": "18px", + "lineHeight": 18, "textTransform": "uppercase", }, }, - "fontHeadline1": { + "fontH0": { "compact": { - "fontSize": 16, - "lineHeight": "20px", + "fontSize": 44, + "lineHeight": 52, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 32, }, }, - "fontHeadline2": { + "fontH1": { "compact": { - "fontSize": 15, - "lineHeight": "20px", + "fontSize": 32, + "lineHeight": 36, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 28, }, }, - "fontMediaHeader": { + "fontH2": { "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 40, - "lineHeight": "48px", + "fontSize": 28, + "lineHeight": 32, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 36, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "lineHeight": 26, }, }, - "fontMediaLead": { + "fontHeadline": { "compact": { - "fontSize": 22, - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 19, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "letterSpacing": 0, - "lineHeight": "28px", + "lineHeight": 20, }, }, - "fontMediaParagraph": { + "fontHeadline1": { "compact": { - "fontSize": 19, - "fontWeight": 400, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Georgia, serif", - "fontSize": 18, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "fontSize": 15, + "lineHeight": 20, }, - }, - "fontMediaTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 28, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "36px", + "lineHeight": 20, }, }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "32px", + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, }, - }, - "fontMediaTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontSubhead": { "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": "18px", + "fontSize": 13, + "lineHeight": 18, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": 16, - "lineHeight": "22px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": 22, }, }, "fontWeightAccent1": 500, - "fontWeightAccent2": 400, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, "fontWeightBase1": 700, - "fontWeightBase2": 400, - "gradientSkeleton": "linear-gradient(110deg, #292929, #383838)", + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "opacityDisable": 0.48, - "prefix": "vkui", - "pulseColorAccentYellow": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#FFD400", + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, }, - "pulseColorBackgroundPurple": { - "active": "#846DEA", - "hover": "#7E66E9", - "normal": "#7960E8", + "sizeArrowHeight": { + "regular": 8, }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "sizeArrowPadding": { + "regular": 12, }, - "pulseColorPurpleAlpha": { - "active": "rgba(234, 226, 255, 0.2)", - "hover": "rgba(234, 226, 255, 0.16)", - "normal": "rgba(234, 226, 255, 0.12)", + "sizeArrowPromo": { + "regular": 40, }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.2)", - "hover": "rgba(226, 236, 255, 0.16)", - "normal": "rgba(226, 236, 255, 0.12)", + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, }, - "pulseZIndexDropdown": 100, - "pulseZIndexFixed": 120, - "pulseZIndexModal": 140, - "pulseZIndexModalBackdrop": 130, - "pulseZIndexSticky": 110, - "pulseZIndexTooltip": 150, "sizeAvatarL": { - "regular": 60, + "regular": 96, }, "sizeAvatarM": { - "regular": 40, + "regular": 48, }, "sizeAvatarS": { "regular": 32, }, + "sizeAvatarXL": { + "regular": 128, + }, "sizeAvatarXS": { "regular": 24, }, - "sizeBadge": { - "regular": 20, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, }, "sizeBorderRadius": { "regular": 8, }, - "sizeBorderRadiusCard": { + "sizeBorderRadiusPaper": { "regular": 12, }, - "sizeBorderRadiusLarge": { - "regular": 12, + "sizeBorderRadiusPromo": { + "regular": 20, }, - "sizeBorderRadiusPill": { - "regular": 100, + "sizeBorderRadiusRounded": { + "regular": 48, }, - "sizeBorderRadiusSmall": { + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { "regular": 4, }, - "sizeButtonCircleLarge": { - "regular": 44, + "sizeBorderWidthTab": { + "regular": 2, }, - "sizeButtonCircleMedium": { - "regular": 40, + "sizeBulletMargin": { + "regular": 12, }, - "sizeButtonCircleSmall": { - "regular": 32, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { - "regular": 40, + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "regular": 32, + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { "regular": 12, }, - "sizeButtonPaddingHorizontalLarge": { + "sizeButtonSliderWidthPointer": { "regular": 16, }, "sizeButtonSmallHeight": { - "regular": 24, + "compact": 28, + "regular": 30, }, - "sizeCardgridGapSpaceLarge": { - "regular": 20, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, }, - "sizeCardgridGapSpaceMedium": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 16, + }, + "sizeCardgridPadding": { + "regular": 12, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { "regular": 16, }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, "sizeFieldHeight": { + "compact": 48, "regular": 40, }, + "sizeFieldHorizontalMargin": { + "regular": 20, + }, "sizeFieldHorizontalPadding": { "regular": 12, }, - "sizeIconUILarge": { + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeGrid": 20, + "sizeHeaderIcon": { "regular": 20, }, - "sizeIconUIMedium": { + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, + "sizeIconUI": { "regular": 16, }, - "sizeListItemHeight": { - "regular": 44, + "sizeIllustrationL": { + "regular": 144, }, - "sizePageHorizontalPadding": { + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "regular": 228, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, + }, + "sizePopupHeaderPadding": { + "compact": 24, "regular": 16, }, "sizePopupLarge": { - "regular": 800, + "regular": 880, + }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, }, "sizePopupMedium": { - "regular": 360, + "regular": 680, }, - "sizeTag": { - "regular": 24, + "sizePopupSmall": { + "regular": 430, }, - "themeInheritsFrom": "paradigm", - "themeName": "pulseDark", - "themeNameBase": "pulse", + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTabMargin": { + "regular": 8, + }, + "sizeTabPadding": { + "regular": 16, + }, + "sizeTableHorizontalPadding": { + "regular": 16, + }, + "sizeTableVerticalPadding": { + "regular": 16, + }, + "sizeTagMargin": { + "regular": 8, + }, + "sizeTagPadding": { + "regular": 8, + }, + "sizeTipMargin": { + "regular": 4, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "sizeVerticalPadding": { + "regular": 0, + }, + "sizeWysiwygIcon": { + "regular": 14, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "todo", + "themeNameBase": "todo", "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots search theme should match cssVars snapshot 1`] = ` +exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -296635,17 +334861,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -296664,85 +334880,85 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -296756,7 +334972,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", }, }, "colorAccentOrangePeach": { @@ -296776,29 +334992,29 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { @@ -296812,77 +335028,77 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", }, }, "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", }, }, "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", }, "hover": { "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -296902,137 +335118,95 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", + "value": "var(--vkui--color_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #66ADFF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #3392FF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", - }, - }, - "colorBackgroundAccentThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", - }, - }, - "colorBackgroundAccentTint": { - "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", - }, - }, - "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, - "colorBackgroundAccentTintThemed": { + "colorBackgroundAccentThemedAlpha": { "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, - "colorBackgroundAccentTintThemedAlpha": { + "colorBackgroundAccentTint": { "active": { - "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", }, "hover": { - "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { - "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #E9ECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #F4F5F7)", }, "normal": { "name": "--vkui--color_background_content", @@ -297042,11 +335216,11 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + "value": "var(--vkui--color_background_contrast--active, #E9ECEF)", }, "hover": { "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_background_contrast--hover, #F4F5F7)", }, "normal": { "name": "--vkui--color_background_contrast", @@ -297056,15 +335230,15 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -297078,7 +335252,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "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))", }, }, "colorBackgroundContrastThemed": { @@ -297098,15 +335272,15 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { @@ -297126,379 +335300,211 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #FFB3B5)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #FF666B)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #FF4046)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", - }, - }, - "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", - }, - }, - "colorBackgroundNegativeTintThemed": { - "active": { - "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", - }, - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #0CB465)", + "value": "var(--vkui--color_background_positive--active, #66E394)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + "value": "var(--vkui--color_background_positive--hover, #34DA71)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "value": "var(--vkui--color_background_positive, #02D14E)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "value": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "value": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", - }, - }, - "colorBackgroundPositiveTintAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", - }, - }, - "colorBackgroundPositiveTintThemed": { - "active": { - "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", - }, - }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "value": "var(--vkui--color_background_secondary--active, #D4D9DE)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "value": "var(--vkui--color_background_secondary--hover, #E9ECEF)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", + "value": "var(--vkui--color_background_secondary, #E9ECEF)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", - }, - }, - "colorBackgroundWarningTint": { - "active": { - "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #fffce0)", - }, - }, - "colorBackgroundWarningTintAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", - }, - }, - "colorBackgroundWarningTintThemed": { - "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", - }, - }, - "colorBackgroundWarningTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - }, - "normal": { - "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", - }, - }, - "colorButtonContrast": { - "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", - }, - "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - }, - "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", - }, - }, - "colorButtonContrastAlpha": { - "active": { - "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - }, - "hover": { - "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - }, - "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ffffff)", + "value": "var(--vkui--color_field_background, #f2f3f5)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { @@ -297512,35 +335518,35 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -297568,7 +335574,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, }, "colorIconContrastThemed": { @@ -297582,77 +335588,77 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", + "value": "var(--vkui--color_icon_medium, #818c99)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #EB3C45)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #F53E46)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #FF4046)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", + "value": "var(--vkui--color_icon_positive--active, #02C24D)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "value": "var(--vkui--color_icon_positive--hover, #02C94D)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", + "value": "var(--vkui--color_icon_positive, #02D14E)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", + "value": "var(--vkui--color_icon_primary--active, #161A20)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #171B1F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", + "value": "var(--vkui--color_icon_primary, #181B1E)", }, }, "colorIconPrimaryInvariably": { @@ -297666,3009 +335672,1731 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + "value": "var(--vkui--color_icon_secondary--active, #555D69)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "value": "var(--vkui--color_icon_secondary--hover, #58616B)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "value": "var(--vkui--color_icon_secondary, #5C646D)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "value": "var(--vkui--color_icon_tertiary--active, #8794A4)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "value": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "value": "var(--vkui--color_icon_tertiary, #939FAD)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EB9305)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", - }, - }, - "colorImageBorderAlpha": { - "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", - }, - }, - "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", - }, - }, - "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", - }, - }, - "colorLinkContrast": { - "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", - }, - }, - "colorOverlayPrimary": { - "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - }, - "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", - }, - }, - "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", - }, - }, - "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", - }, - }, - "colorRating": { - "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", - }, - "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", - }, - "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", - }, - }, - "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", - }, - }, - "colorSegmentedControl": { - "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", - }, - }, - "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", - }, - }, - "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", - }, - }, - "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", - }, - }, - "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", - }, - }, - "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", - }, - }, - "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", - }, - }, - "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", - }, - }, - "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", - }, - }, - "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", - }, - }, - "colorStrokeContrast": { - "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", - }, - }, - "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", - }, - }, - "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", - }, - }, - "colorTabbarTextInactive": { - "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", - }, - }, - "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", - }, - }, - "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", - }, - }, - "colorTextContrast": { - "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", - }, - }, - "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", - }, - }, - "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #004EB1)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0050B6)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0053BB)", - }, - }, - "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", - }, - "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", - }, - }, - "colorTextLinkTint": { - "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", - }, - "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", - }, - }, - "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4D0452)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #510453)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #540354)", - }, - }, - "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #34383E)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #37393E)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #393B3E)", - }, - }, - "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", - }, - }, - "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", - }, - }, - "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", - }, - }, - "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", - }, - }, - "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", - }, - }, - "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", - }, - }, - "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", - }, - }, - "colorThumbErrorBackgroundAlpha": { - "active": { - "name": "--vkui--color_thumb_error_background_alpha--active", - "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - }, - "hover": { - "name": "--vkui--color_thumb_error_background_alpha--hover", - "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - }, - "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", - }, - }, - "colorTooltipBackgroundBlueTint": { - "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", - }, - }, - "colorTooltipBackgroundGreenTint": { - "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", - }, - }, - "colorTooltipBackgroundOrangeTint": { - "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", - }, - }, - "colorTooltipBackgroundPurpleTint": { - "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", - }, - }, - "colorTooltipTextBlueThemed": { - "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", - }, - }, - "colorTooltipTextGreenThemed": { - "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "value": "var(--vkui--color_icon_warning--active, #E8910E)", }, - "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FC9C0A)", }, }, - "colorTooltipTextOrangeThemed": { + "colorImageBorderAlpha": { "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", }, "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", }, "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, }, - "colorTooltipTextPurpleThemed": { + "colorImagePlaceholder": { "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, - "colorTrackBackground": { + "colorImagePlaceholderAlpha": { "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", }, "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", }, "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", }, }, - "colorTrackBuffer": { + "colorLinkContrast": { "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, - "colorTransparent": { + "colorOverlayPrimary": { "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", }, "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", }, "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, }, - "colorWriteBarIcon": { + "colorOverlaySecondary": { "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", }, "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", }, "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, - "colorWriteBarInputBackground": { + "colorPanelHeaderIcon": { "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", }, "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", }, "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, - "colorWriteBarInputBorder": { + "colorSearchFieldBackground": { "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", }, "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, - "colorWriteBarInputBorderAlpha": { + "colorSegmentedControl": { "active": { - "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", - }, - }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", - }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0px 4px 12px rgba(0, 16, 61, 0.05))", - }, - "elevation1Hover": { - "name": "--vkui--elevation1_hover", - "value": "var(--vkui--elevation1_hover, 0px 6px 16px rgba(0, 16, 61, 0.09))", - }, - "elevation1InvertY": { - "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 6px 20px rgba(0, 16, 61, 0.07))", - }, - "elevation2Hover": { - "name": "--vkui--elevation2_hover", - "value": "var(--vkui--elevation2_hover, 0px 10px 24px rgba(0, 16, 61, 0.11))", - }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 4px 20px rgba(0, 0, 0, 0.13))", - }, - "elevation4": { - "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", - }, - "elevationButtons": { - "name": "--vkui--elevation_buttons", - "value": "var(--vkui--elevation_buttons, 0px 6px 20px rgba(0, 16, 61, 0.1))", - }, - "fontCaption1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #ffffff)", }, }, - "fontCaption1Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight", - "value": "var(--vkui--font_caption1_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height", - "value": "var(--vkui--font_caption1_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform", - "value": "var(--vkui--font_caption1_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - }, - "lineHeight": { - "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #D6DAE1)", }, - }, - "fontCaption2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", - }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #E0E3E8)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", - }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #E9ECEF)", }, }, - "fontCaption2Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family", - "value": "var(--vkui--font_caption2_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size", - "value": "var(--vkui--font_caption2_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight", - "value": "var(--vkui--font_caption2_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height", - "value": "var(--vkui--font_caption2_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform", - "value": "var(--vkui--font_caption2_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption2_caps--font_size--regular", - "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - }, - "fontWeight": { - "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", - }, - "lineHeight": { - "name": "--vkui--font_caption2_caps--line_height--regular", - "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, - }, - "fontCaption3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family", - "value": "var(--vkui--font_caption3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size", - "value": "var(--vkui--font_caption3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight", - "value": "var(--vkui--font_caption3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height", - "value": "var(--vkui--font_caption3--line_height)", - }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3--font_size--regular", - "value": "var(--vkui--font_caption3--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3--font_weight--regular", - "value": "var(--vkui--font_caption3--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption3--line_height--regular", - "value": "var(--vkui--font_caption3--line_height--regular, 12px)", - }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, - "fontCaption3Caps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family", - "value": "var(--vkui--font_caption3_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size", - "value": "var(--vkui--font_caption3_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight", - "value": "var(--vkui--font_caption3_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height", - "value": "var(--vkui--font_caption3_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform", - "value": "var(--vkui--font_caption3_caps--text_transform)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption3_caps--font_size--regular", - "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - }, - "fontWeight": { - "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", - }, - "lineHeight": { - "name": "--vkui--font_caption3_caps--line_height--regular", - "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, - }, - "fontDisplayTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family", - "value": "var(--vkui--font_display_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size", - "value": "var(--vkui--font_display_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight", - "value": "var(--vkui--font_display_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height", - "value": "var(--vkui--font_display_title1--line_height)", - }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title1--font_size--regular", - "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, - "fontDisplayTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family", - "value": "var(--vkui--font_display_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size", - "value": "var(--vkui--font_display_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight", - "value": "var(--vkui--font_display_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height", - "value": "var(--vkui--font_display_title2--line_height)", - }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", }, - "compact": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--compact", - "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--compact", - "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", - }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title2--font_size--regular", - "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, }, - "fontDisplayTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family", - "value": "var(--vkui--font_display_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size", - "value": "var(--vkui--font_display_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight", - "value": "var(--vkui--font_display_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height", - "value": "var(--vkui--font_display_title3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title3--font_size--regular", - "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #E0E3E8)", }, - }, - "fontDisplayTitle4": { - "auto": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family", - "value": "var(--vkui--font_display_title4--font_family)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size", - "value": "var(--vkui--font_display_title4--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight", - "value": "var(--vkui--font_display_title4--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height", - "value": "var(--vkui--font_display_title4--line_height)", - }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #EAECF0)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_display_title4--font_size--regular", - "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", - }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #F4F5F7)", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Arial, sans-serif)", - }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", - }, - "fontFootnote": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family", - "value": "var(--vkui--font_footnote--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size", - "value": "var(--vkui--font_footnote--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight", - "value": "var(--vkui--font_footnote--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height", - "value": "var(--vkui--font_footnote--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", - }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, - }, - "fontFootnoteCaps": { - "auto": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family", - "value": "var(--vkui--font_footnote_caps--font_family)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size", - "value": "var(--vkui--font_footnote_caps--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight", - "value": "var(--vkui--font_footnote_caps--font_weight)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height", - "value": "var(--vkui--font_footnote_caps--line_height)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform", - "value": "var(--vkui--font_footnote_caps--text_transform)", - }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote_caps--font_size--regular", - "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote_caps--font_weight--regular", - "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, - "lineHeight": { - "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", - }, - "textTransform": { - "name": "--vkui--font_footnote_caps--text_transform--regular", - "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, - "fontH0": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", - }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_h0--font_size--compact", - "value": "var(--vkui--font_h0--font_size--compact, 44px)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--compact", - "value": "var(--vkui--font_h0--line_height--compact, 52px)", - }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 32px)", - }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, - "fontH1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", - }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 32px)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 36px)", - }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 28px)", - }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, - "fontH2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", - }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 28px)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 32px)", - }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 26px)", - }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, - "fontHeadline": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline--font_family", - "value": "var(--vkui--font_headline--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size", - "value": "var(--vkui--font_headline--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight", - "value": "var(--vkui--font_headline--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height", - "value": "var(--vkui--font_headline--line_height)", - }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", - }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline--font_weight--regular", - "value": "var(--vkui--font_headline--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 20px)", - }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, }, - "fontHeadline1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", - }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #EB3C45)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #F53E46)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", - }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #FF4046)", }, }, - "fontHeadline2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", - }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #02C24D)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #02C94D)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", - }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #02D14E)", }, }, - "fontParagraph": { - "auto": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family", - "value": "var(--vkui--font_paragraph--font_family)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size", - "value": "var(--vkui--font_paragraph--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight", - "value": "var(--vkui--font_paragraph--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height", - "value": "var(--vkui--font_paragraph--line_height)", - }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", - }, - "fontWeight": { - "name": "--vkui--font_paragraph--font_weight--regular", - "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", - }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, }, - "fontSubhead": { - "auto": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family", - "value": "var(--vkui--font_subhead--font_family)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size", - "value": "var(--vkui--font_subhead--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight", - "value": "var(--vkui--font_subhead--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height", - "value": "var(--vkui--font_subhead--line_height)", - }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #006FEF)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #0073F7)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 14px)", - }, - "fontWeight": { - "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0077FF)", }, }, - "fontText": { - "auto": { - "fontFamily": { - "name": "--vkui--font_text--font_family", - "value": "var(--vkui--font_text--font_family)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size", - "value": "var(--vkui--font_text--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight", - "value": "var(--vkui--font_text--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height", - "value": "var(--vkui--font_text--line_height)", - }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", }, - "compact": { - "fontSize": { - "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", - }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_text--font_weight--regular", - "value": "var(--vkui--font_text--font_weight--regular, 400)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 20px)", - }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, - "fontTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title1--font_family", - "value": "var(--vkui--font_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size", - "value": "var(--vkui--font_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight", - "value": "var(--vkui--font_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height", - "value": "var(--vkui--font_title1--line_height)", - }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--regular", - "value": "var(--vkui--font_title1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, - "fontTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title2--font_family", - "value": "var(--vkui--font_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size", - "value": "var(--vkui--font_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight", - "value": "var(--vkui--font_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height", - "value": "var(--vkui--font_title2--line_height)", - }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title2--font_size--regular", - "value": "var(--vkui--font_title2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 26px)", - }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, - "fontTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_title3--font_family", - "value": "var(--vkui--font_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size", - "value": "var(--vkui--font_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight", - "value": "var(--vkui--font_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height", - "value": "var(--vkui--font_title3--line_height)", - }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", - }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", - }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", + }, }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", + }, }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 700)", + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2c2d2e)", + }, }, - "gradient": { - "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #EB3C45)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #F53E46)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #FF4046)", + }, }, - "gradientBlack": { - "name": "--vkui--gradient_black", - "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #02C24D)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #02C94D)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #02D14E)", + }, }, - "gradientTint": { - "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #161A20)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #171B1F)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #181B1E)", + }, }, - "gradientWhite": { - "name": "--vkui--gradient_white", - "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #555D69)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #58616B)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #5C646D)", + }, }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #64707F)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #697482)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #6d7885)", + }, }, - "searchCardBackground": { - "name": "--vkui--search_card_background", - "value": "var(--vkui--search_card_background, linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%))", + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #8794A4)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #8D99A9)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #939FAD)", + }, }, - "searchCardWithTextBackground": { - "name": "--vkui--search_card_with_text_background", - "value": "var(--vkui--search_card_with_text_background, linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%))", + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #e1e3e6)", + }, }, - "searchColorBackgroundAccentTint": { + "colorTrackBuffer": { "active": { - "name": "--vkui--search_color_background_accent_tint--active", - "value": "var(--vkui--search_color_background_accent_tint--active, #E0E5EE)", + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { - "name": "--vkui--search_color_background_accent_tint--hover", - "value": "var(--vkui--search_color_background_accent_tint--hover, #E9EEF5)", + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { - "name": "--vkui--search_color_background_accent_tint", - "value": "var(--vkui--search_color_background_accent_tint, #F3F7FD)", + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, - "searchColorBackgroundOrangeAccentActive": { + "colorTransparent": { "active": { - "name": "--vkui--search_color_background_orange_accent_active--active", - "value": "var(--vkui--search_color_background_orange_accent_active--active, #E18D05)", + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, "hover": { - "name": "--vkui--search_color_background_orange_accent_active--hover", - "value": "var(--vkui--search_color_background_orange_accent_active--hover, #EB9302)", + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", }, "normal": { - "name": "--vkui--search_color_background_orange_accent_active", - "value": "var(--vkui--search_color_background_orange_accent_active, #F59800)", + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", }, }, - "searchColorBackgroundOrangeAccentHover": { + "colorWriteBarIcon": { "active": { - "name": "--vkui--search_color_background_orange_accent_hover--active", - "value": "var(--vkui--search_color_background_orange_accent_hover--active, #EBA940)", + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", }, "hover": { - "name": "--vkui--search_color_background_orange_accent_hover--hover", - "value": "var(--vkui--search_color_background_orange_accent_hover--hover, #F5AF40)", + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { - "name": "--vkui--search_color_background_orange_accent_hover", - "value": "var(--vkui--search_color_background_orange_accent_hover, #FFB640)", + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, - "searchColorTextLinkAlternativeHover": { + "colorWriteBarInputBackground": { "active": { - "name": "--vkui--search_color_text_link_alternative_hover--active", - "value": "var(--vkui--search_color_text_link_alternative_hover--active, #DE641A)", + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", }, "hover": { - "name": "--vkui--search_color_text_link_alternative_hover--hover", - "value": "var(--vkui--search_color_text_link_alternative_hover--hover, #E76719)", + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", }, "normal": { - "name": "--vkui--search_color_text_link_alternative_hover", - "value": "var(--vkui--search_color_text_link_alternative_hover, #F16B17)", + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, - "searchColorTextLinkPositive": { + "colorWriteBarInputBorder": { "active": { - "name": "--vkui--search_color_text_link_positive--active", - "value": "var(--vkui--search_color_text_link_positive--active, #282B2F)", + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, "hover": { - "name": "--vkui--search_color_text_link_positive--hover", - "value": "var(--vkui--search_color_text_link_positive--hover, #2A2C2F)", + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, "normal": { - "name": "--vkui--search_color_text_link_positive", - "value": "var(--vkui--search_color_text_link_positive, #2C2D2E)", + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, }, - "searchColorTextLinkPositiveTint": { + "colorWriteBarInputBorderAlpha": { "active": { - "name": "--vkui--search_color_text_link_positive_tint--active", - "value": "var(--vkui--search_color_text_link_positive_tint--active, #629D62)", + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", }, "hover": { - "name": "--vkui--search_color_text_link_positive_tint--hover", - "value": "var(--vkui--search_color_text_link_positive_tint--hover, #66A363)", + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", }, "normal": { - "name": "--vkui--search_color_text_link_positive_tint", - "value": "var(--vkui--search_color_text_link_positive_tint, #6AA965)", + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, }, - "searchFontForAdvertisingBold": { + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "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))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + }, + "fontCaption1": { "auto": { "fontFamily": { - "name": "--vkui--search_font_for_advertising_bold--font_family", - "value": "var(--vkui--search_font_for_advertising_bold--font_family)", + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", }, "fontSize": { - "name": "--vkui--search_font_for_advertising_bold--font_size", - "value": "var(--vkui--search_font_for_advertising_bold--font_size)", + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_for_advertising_bold--font_weight", - "value": "var(--vkui--search_font_for_advertising_bold--font_weight)", + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_for_advertising_bold--line_height", - "value": "var(--vkui--search_font_for_advertising_bold--line_height)", + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", }, }, "compact": { "fontFamily": { - "name": "--vkui--search_font_for_advertising_bold--font_family--compact", - "value": "var(--vkui--search_font_for_advertising_bold--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_caption1--font_family--compact", + "value": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_for_advertising_bold--font_size--compact", - "value": "var(--vkui--search_font_for_advertising_bold--font_size--compact, 17px)", + "name": "--vkui--font_caption1--font_size--compact", + "value": "var(--vkui--font_caption1--font_size--compact, 12px)", }, "fontWeight": { - "name": "--vkui--search_font_for_advertising_bold--font_weight--compact", - "value": "var(--vkui--search_font_for_advertising_bold--font_weight--compact, 700)", + "name": "--vkui--font_caption1--font_weight--compact", + "value": "var(--vkui--font_caption1--font_weight--compact, 400)", }, "lineHeight": { - "name": "--vkui--search_font_for_advertising_bold--line_height--compact", - "value": "var(--vkui--search_font_for_advertising_bold--line_height--compact, 24px)", + "name": "--vkui--font_caption1--line_height--compact", + "value": "var(--vkui--font_caption1--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_for_advertising_bold--font_family--regular", - "value": "var(--vkui--search_font_for_advertising_bold--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_for_advertising_bold--font_size--regular", - "value": "var(--vkui--search_font_for_advertising_bold--font_size--regular, 17px)", + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", }, "fontWeight": { - "name": "--vkui--search_font_for_advertising_bold--font_weight--regular", - "value": "var(--vkui--search_font_for_advertising_bold--font_weight--regular, 700)", + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--search_font_for_advertising_bold--line_height--regular", - "value": "var(--vkui--search_font_for_advertising_bold--line_height--regular, 24px)", + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, }, - "searchFontGreenURL": { + "fontCaption1Caps": { "auto": { "fontFamily": { - "name": "--vkui--search_font_green_u_r_l--font_family", - "value": "var(--vkui--search_font_green_u_r_l--font_family)", + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", }, "fontSize": { - "name": "--vkui--search_font_green_u_r_l--font_size", - "value": "var(--vkui--search_font_green_u_r_l--font_size)", + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_green_u_r_l--font_weight", - "value": "var(--vkui--search_font_green_u_r_l--font_weight)", + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_green_u_r_l--line_height", - "value": "var(--vkui--search_font_green_u_r_l--line_height)", + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", }, }, - "compact": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_green_u_r_l--font_family--compact", - "value": "var(--vkui--search_font_green_u_r_l--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_green_u_r_l--font_size--compact", - "value": "var(--vkui--search_font_green_u_r_l--font_size--compact, 14px)", + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", }, "fontWeight": { - "name": "--vkui--search_font_green_u_r_l--font_weight--compact", - "value": "var(--vkui--search_font_green_u_r_l--font_weight--compact, 400)", + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_green_u_r_l--line_height--compact", - "value": "var(--vkui--search_font_green_u_r_l--line_height--compact, 18px)", + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, - "regular": { + }, + "fontCaption2": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_green_u_r_l--font_family--regular", - "value": "var(--vkui--search_font_green_u_r_l--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", }, "fontSize": { - "name": "--vkui--search_font_green_u_r_l--font_size--regular", - "value": "var(--vkui--search_font_green_u_r_l--font_size--regular, 14px)", + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_green_u_r_l--font_weight--regular", - "value": "var(--vkui--search_font_green_u_r_l--font_weight--regular, 400)", + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_green_u_r_l--line_height--regular", - "value": "var(--vkui--search_font_green_u_r_l--line_height--regular, 18px)", + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", }, }, - }, - "searchFontParagraphBold": { - "auto": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_paragraph_bold--font_family", - "value": "var(--vkui--search_font_paragraph_bold--font_family)", + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_paragraph_bold--font_size", - "value": "var(--vkui--search_font_paragraph_bold--font_size)", + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", }, "fontWeight": { - "name": "--vkui--search_font_paragraph_bold--font_weight", - "value": "var(--vkui--search_font_paragraph_bold--font_weight)", + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--search_font_paragraph_bold--line_height", - "value": "var(--vkui--search_font_paragraph_bold--line_height)", + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, - "compact": { + }, + "fontCaption2Caps": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_paragraph_bold--font_family--compact", - "value": "var(--vkui--search_font_paragraph_bold--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", }, "fontSize": { - "name": "--vkui--search_font_paragraph_bold--font_size--compact", - "value": "var(--vkui--search_font_paragraph_bold--font_size--compact, 15px)", + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_paragraph_bold--font_weight--compact", - "value": "var(--vkui--search_font_paragraph_bold--font_weight--compact, 500)", + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_paragraph_bold--line_height--compact", - "value": "var(--vkui--search_font_paragraph_bold--line_height--compact, 20px)", + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_paragraph_bold--font_family--regular", - "value": "var(--vkui--search_font_paragraph_bold--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_paragraph_bold--font_size--regular", - "value": "var(--vkui--search_font_paragraph_bold--font_size--regular, 15px)", + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", }, "fontWeight": { - "name": "--vkui--search_font_paragraph_bold--font_weight--regular", - "value": "var(--vkui--search_font_paragraph_bold--font_weight--regular, 500)", + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_paragraph_bold--line_height--regular", - "value": "var(--vkui--search_font_paragraph_bold--line_height--regular, 20px)", + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, }, - "searchFontSearchBigText": { + "fontCaption3": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_big_text--font_family", - "value": "var(--vkui--search_font_search_big_text--font_family)", + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_big_text--font_size", - "value": "var(--vkui--search_font_search_big_text--font_size)", + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_big_text--font_weight", - "value": "var(--vkui--search_font_search_big_text--font_weight)", + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_big_text--line_height", - "value": "var(--vkui--search_font_search_big_text--line_height)", + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", }, }, - "compact": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_search_big_text--font_family--compact", - "value": "var(--vkui--search_font_search_big_text--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_big_text--font_size--compact", - "value": "var(--vkui--search_font_search_big_text--font_size--compact, 16px)", + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", }, "fontWeight": { - "name": "--vkui--search_font_search_big_text--font_weight--compact", - "value": "var(--vkui--search_font_search_big_text--font_weight--compact, 400)", + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--search_font_search_big_text--line_height--compact", - "value": "var(--vkui--search_font_search_big_text--line_height--compact, 20px)", + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, - "regular": { + }, + "fontCaption3Caps": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_big_text--font_family--regular", - "value": "var(--vkui--search_font_search_big_text--font_family--regular, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_big_text--font_size--regular", - "value": "var(--vkui--search_font_search_big_text--font_size--regular, 16px)", + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_big_text--font_weight--regular", - "value": "var(--vkui--search_font_search_big_text--font_weight--regular, 400)", + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_big_text--line_height--regular", - "value": "var(--vkui--search_font_search_big_text--line_height--regular, 20px)", + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", }, }, - }, - "searchFontSearchBigTextBold": { - "auto": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_search_big_text_bold--font_family", - "value": "var(--vkui--search_font_search_big_text_bold--font_family)", + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_big_text_bold--font_size", - "value": "var(--vkui--search_font_search_big_text_bold--font_size)", + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", }, "fontWeight": { - "name": "--vkui--search_font_search_big_text_bold--font_weight", - "value": "var(--vkui--search_font_search_big_text_bold--font_weight)", + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_big_text_bold--line_height", - "value": "var(--vkui--search_font_search_big_text_bold--line_height)", + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "compact": { + }, + "fontDisplayTitle1": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_big_text_bold--font_family--compact", - "value": "var(--vkui--search_font_search_big_text_bold--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_big_text_bold--font_size--compact", - "value": "var(--vkui--search_font_search_big_text_bold--font_size--compact, 16px)", + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_big_text_bold--font_weight--compact", - "value": "var(--vkui--search_font_search_big_text_bold--font_weight--compact, 700)", + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_big_text_bold--line_height--compact", - "value": "var(--vkui--search_font_search_big_text_bold--line_height--compact, 20px)", + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_big_text_bold--font_family--regular", - "value": "var(--vkui--search_font_search_big_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_big_text_bold--font_size--regular", - "value": "var(--vkui--search_font_search_big_text_bold--font_size--regular, 16px)", + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", }, "fontWeight": { - "name": "--vkui--search_font_search_big_text_bold--font_weight--regular", - "value": "var(--vkui--search_font_search_big_text_bold--font_weight--regular, 400)", + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_big_text_bold--line_height--regular", - "value": "var(--vkui--search_font_search_big_text_bold--line_height--regular, 20px)", + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, }, - "searchFontSearchCaption1Bold": { + "fontDisplayTitle2": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_caption1_bold--font_family", - "value": "var(--vkui--search_font_search_caption1_bold--font_family)", + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_caption1_bold--font_size", - "value": "var(--vkui--search_font_search_caption1_bold--font_size)", + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption1_bold--font_weight", - "value": "var(--vkui--search_font_search_caption1_bold--font_weight)", + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption1_bold--line_height", - "value": "var(--vkui--search_font_search_caption1_bold--line_height)", + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", }, }, "compact": { "fontFamily": { - "name": "--vkui--search_font_search_caption1_bold--font_family--compact", - "value": "var(--vkui--search_font_search_caption1_bold--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_caption1_bold--font_size--compact", - "value": "var(--vkui--search_font_search_caption1_bold--font_size--compact, 12px)", + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption1_bold--font_weight--compact", - "value": "var(--vkui--search_font_search_caption1_bold--font_weight--compact, 700)", + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption1_bold--line_height--compact", - "value": "var(--vkui--search_font_search_caption1_bold--line_height--compact, 16px)", + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_caption1_bold--font_family--regular", - "value": "var(--vkui--search_font_search_caption1_bold--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_caption1_bold--font_size--regular", - "value": "var(--vkui--search_font_search_caption1_bold--font_size--regular, 12px)", + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption1_bold--font_weight--regular", - "value": "var(--vkui--search_font_search_caption1_bold--font_weight--regular, 700)", + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption1_bold--line_height--regular", - "value": "var(--vkui--search_font_search_caption1_bold--line_height--regular, 16px)", + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, }, - "searchFontSearchCaption1MailSans": { + "fontDisplayTitle3": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_family", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_family)", + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_size", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_size)", + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_weight", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_weight)", + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption1_mail_sans--line_height", - "value": "var(--vkui--search_font_search_caption1_mail_sans--line_height)", + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, - "compact": { + }, + "fontDisplayTitle4": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_family--compact", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_size--compact", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_size--compact, 12px)", + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_weight--compact", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--compact, 400)", + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption1_mail_sans--line_height--compact", - "value": "var(--vkui--search_font_search_caption1_mail_sans--line_height--compact, 16px)", + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_family--regular", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_size--regular", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_size--regular, 12px)", + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption1_mail_sans--font_weight--regular", - "value": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--regular, 400)", + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption1_mail_sans--line_height--regular", - "value": "var(--vkui--search_font_search_caption1_mail_sans--line_height--regular, 16px)", + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, }, - "searchFontSearchCaption2MailSans": { + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + }, + "fontFootnote": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_family", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_family)", + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_size", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_size)", + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_weight", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_weight)", + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption2_mail_sans--line_height", - "value": "var(--vkui--search_font_search_caption2_mail_sans--line_height)", + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", }, }, "compact": { "fontFamily": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_family--compact", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", + "name": "--vkui--font_footnote--font_family--compact", + "value": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_size--compact", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_size--compact, 11px)", + "name": "--vkui--font_footnote--font_size--compact", + "value": "var(--vkui--font_footnote--font_size--compact, 13px)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_weight--compact", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--compact, 400)", + "name": "--vkui--font_footnote--font_weight--compact", + "value": "var(--vkui--font_footnote--font_weight--compact, 400)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption2_mail_sans--line_height--compact", - "value": "var(--vkui--search_font_search_caption2_mail_sans--line_height--compact, 14px)", + "name": "--vkui--font_footnote--line_height--compact", + "value": "var(--vkui--font_footnote--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_family--regular", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_size--regular", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_size--regular, 11px)", + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", }, "fontWeight": { - "name": "--vkui--search_font_search_caption2_mail_sans--font_weight--regular", - "value": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--regular, 400)", + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--search_font_search_caption2_mail_sans--line_height--regular", - "value": "var(--vkui--search_font_search_caption2_mail_sans--line_height--regular, 14px)", + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, }, - "searchFontSearchExtraHeadline": { + "fontFootnoteCaps": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_extra_headline--font_family", - "value": "var(--vkui--search_font_search_extra_headline--font_family)", + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_extra_headline--font_size", - "value": "var(--vkui--search_font_search_extra_headline--font_size)", + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_extra_headline--font_weight", - "value": "var(--vkui--search_font_search_extra_headline--font_weight)", + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_extra_headline--line_height", - "value": "var(--vkui--search_font_search_extra_headline--line_height)", + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_extra_headline--font_family--regular", - "value": "var(--vkui--search_font_search_extra_headline--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_extra_headline--font_size--regular", - "value": "var(--vkui--search_font_search_extra_headline--font_size--regular, 24px)", + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", }, "fontWeight": { - "name": "--vkui--search_font_search_extra_headline--font_weight--regular", - "value": "var(--vkui--search_font_search_extra_headline--font_weight--regular, 700)", + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--search_font_search_extra_headline--line_height--regular", - "value": "var(--vkui--search_font_search_extra_headline--line_height--regular, 28px)", + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, }, - "searchFontSearchFootnoteBold": { + "fontHeadline": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_footnote_bold--font_family", - "value": "var(--vkui--search_font_search_footnote_bold--font_family)", + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_footnote_bold--font_size", - "value": "var(--vkui--search_font_search_footnote_bold--font_size)", + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_footnote_bold--font_weight", - "value": "var(--vkui--search_font_search_footnote_bold--font_weight)", + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_footnote_bold--line_height", - "value": "var(--vkui--search_font_search_footnote_bold--line_height)", + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", }, }, - "compact": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_search_footnote_bold--font_family--compact", - "value": "var(--vkui--search_font_search_footnote_bold--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_footnote_bold--font_size--compact", - "value": "var(--vkui--search_font_search_footnote_bold--font_size--compact, 13px)", + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", }, "fontWeight": { - "name": "--vkui--search_font_search_footnote_bold--font_weight--compact", - "value": "var(--vkui--search_font_search_footnote_bold--font_weight--compact, 700)", + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--search_font_search_footnote_bold--line_height--compact", - "value": "var(--vkui--search_font_search_footnote_bold--line_height--compact, 18px)", + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 24px)", }, }, - "regular": { + }, + "fontHeadline1": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_footnote_bold--font_family--regular", - "value": "var(--vkui--search_font_search_footnote_bold--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_footnote_bold--font_size--regular", - "value": "var(--vkui--search_font_search_footnote_bold--font_size--regular, 13px)", + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_footnote_bold--font_weight--regular", - "value": "var(--vkui--search_font_search_footnote_bold--font_weight--regular, 700)", + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_footnote_bold--line_height--regular", - "value": "var(--vkui--search_font_search_footnote_bold--line_height--regular, 18px)", + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", }, }, - }, - "searchFontSearchFootnoteMailSans": { - "auto": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_family", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_family)", + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_size", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_size)", + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", }, "fontWeight": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_weight", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_weight)", + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--search_font_search_footnote_mail_sans--line_height", - "value": "var(--vkui--search_font_search_footnote_mail_sans--line_height)", + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 24px)", }, }, - "compact": { + }, + "fontHeadline2": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_family--compact", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_family--compact, MailSans, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_size--compact", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_size--compact, 13px)", + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_weight--compact", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--compact, 500)", + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_footnote_mail_sans--line_height--compact", - "value": "var(--vkui--search_font_search_footnote_mail_sans--line_height--compact, 18px)", + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_family--regular", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_size--regular", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_size--regular, 13px)", + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", }, "fontWeight": { - "name": "--vkui--search_font_search_footnote_mail_sans--font_weight--regular", - "value": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--regular, 500)", + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--search_font_search_footnote_mail_sans--line_height--regular", - "value": "var(--vkui--search_font_search_footnote_mail_sans--line_height--regular, 18px)", + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, }, - "searchFontSearchHeadline2": { + "fontParagraph": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_headline2--font_family", - "value": "var(--vkui--search_font_search_headline2--font_family)", + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_headline2--font_size", - "value": "var(--vkui--search_font_search_headline2--font_size)", + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_headline2--font_weight", - "value": "var(--vkui--search_font_search_headline2--font_weight)", + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_headline2--line_height", - "value": "var(--vkui--search_font_search_headline2--line_height)", + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", }, }, - "compact": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_search_headline2--font_family--compact", - "value": "var(--vkui--search_font_search_headline2--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_headline2--font_size--compact", - "value": "var(--vkui--search_font_search_headline2--font_size--compact, 14px)", + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", }, "fontWeight": { - "name": "--vkui--search_font_search_headline2--font_weight--compact", - "value": "var(--vkui--search_font_search_headline2--font_weight--compact, 400)", + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--search_font_search_headline2--line_height--compact", - "value": "var(--vkui--search_font_search_headline2--line_height--compact, 20px)", + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 18px)", }, }, - "regular": { + }, + "fontSubhead": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_headline2--font_family--regular", - "value": "var(--vkui--search_font_search_headline2--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_headline2--font_size--regular", - "value": "var(--vkui--search_font_search_headline2--font_size--regular, 15px)", + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_headline2--font_weight--regular", - "value": "var(--vkui--search_font_search_headline2--font_weight--regular, 400)", + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_headline2--line_height--regular", - "value": "var(--vkui--search_font_search_headline2--line_height--regular, 20px)", + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", }, }, - }, - "searchFontSearchSubheadBold": { - "auto": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_search_subhead_bold--font_family", - "value": "var(--vkui--search_font_search_subhead_bold--font_family)", + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_subhead_bold--font_size", - "value": "var(--vkui--search_font_search_subhead_bold--font_size)", + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", }, "fontWeight": { - "name": "--vkui--search_font_search_subhead_bold--font_weight", - "value": "var(--vkui--search_font_search_subhead_bold--font_weight)", + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--search_font_search_subhead_bold--line_height", - "value": "var(--vkui--search_font_search_subhead_bold--line_height)", + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, - "compact": { + }, + "fontText": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_subhead_bold--font_family--compact", - "value": "var(--vkui--search_font_search_subhead_bold--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_subhead_bold--font_size--compact", - "value": "var(--vkui--search_font_search_subhead_bold--font_size--compact, 14px)", + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_subhead_bold--font_weight--compact", - "value": "var(--vkui--search_font_search_subhead_bold--font_weight--compact, 700)", + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_subhead_bold--line_height--compact", - "value": "var(--vkui--search_font_search_subhead_bold--line_height--compact, 18px)", + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_subhead_bold--font_family--regular", - "value": "var(--vkui--search_font_search_subhead_bold--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_subhead_bold--font_size--regular", - "value": "var(--vkui--search_font_search_subhead_bold--font_size--regular, 14px)", + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { - "name": "--vkui--search_font_search_subhead_bold--font_weight--regular", - "value": "var(--vkui--search_font_search_subhead_bold--font_weight--regular, 700)", + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--search_font_search_subhead_bold--line_height--regular", - "value": "var(--vkui--search_font_search_subhead_bold--line_height--regular, 18px)", + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 24px)", }, }, }, - "searchFontSearchTextBold": { + "fontTitle1": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_text_bold--font_family", - "value": "var(--vkui--search_font_search_text_bold--font_family)", + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_text_bold--font_size", - "value": "var(--vkui--search_font_search_text_bold--font_size)", + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_text_bold--font_weight", - "value": "var(--vkui--search_font_search_text_bold--font_weight)", + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_text_bold--line_height", - "value": "var(--vkui--search_font_search_text_bold--line_height)", + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", }, }, - "compact": { + "largeX": { "fontFamily": { - "name": "--vkui--search_font_search_text_bold--font_family--compact", - "value": "var(--vkui--search_font_search_text_bold--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_title1--font_family--large_x", + "value": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_text_bold--font_size--compact", - "value": "var(--vkui--search_font_search_text_bold--font_size--compact, 15px)", + "name": "--vkui--font_title1--font_size--large_x", + "value": "var(--vkui--font_title1--font_size--large_x, 32px)", }, "fontWeight": { - "name": "--vkui--search_font_search_text_bold--font_weight--compact", - "value": "var(--vkui--search_font_search_text_bold--font_weight--compact, 700)", + "name": "--vkui--font_title1--font_weight--large_x", + "value": "var(--vkui--font_title1--font_weight--large_x, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_text_bold--line_height--compact", - "value": "var(--vkui--search_font_search_text_bold--line_height--compact, 20px)", + "name": "--vkui--font_title1--line_height--large_x", + "value": "var(--vkui--font_title1--line_height--large_x, 36px)", }, }, - "regular": { + "largeXX": { "fontFamily": { - "name": "--vkui--search_font_search_text_bold--font_family--regular", - "value": "var(--vkui--search_font_search_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_title1--font_family--large_x_x", + "value": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_text_bold--font_size--regular", - "value": "var(--vkui--search_font_search_text_bold--font_size--regular, 16px)", + "name": "--vkui--font_title1--font_size--large_x_x", + "value": "var(--vkui--font_title1--font_size--large_x_x, 40px)", }, "fontWeight": { - "name": "--vkui--search_font_search_text_bold--font_weight--regular", - "value": "var(--vkui--search_font_search_text_bold--font_weight--regular, 400)", + "name": "--vkui--font_title1--font_weight--large_x_x", + "value": "var(--vkui--font_title1--font_weight--large_x_x, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_text_bold--line_height--regular", - "value": "var(--vkui--search_font_search_text_bold--line_height--regular, 20px)", + "name": "--vkui--font_title1--line_height--large_x_x", + "value": "var(--vkui--font_title1--line_height--large_x_x, 44px)", }, }, - }, - "searchFontSearchTextMailSans": { - "auto": { + "regular": { "fontFamily": { - "name": "--vkui--search_font_search_text_mail_sans--font_family", - "value": "var(--vkui--search_font_search_text_mail_sans--font_family)", + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_text_mail_sans--font_size", - "value": "var(--vkui--search_font_search_text_mail_sans--font_size)", + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", }, "fontWeight": { - "name": "--vkui--search_font_search_text_mail_sans--font_weight", - "value": "var(--vkui--search_font_search_text_mail_sans--font_weight)", + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_text_mail_sans--line_height", - "value": "var(--vkui--search_font_search_text_mail_sans--line_height)", + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, - "compact": { + }, + "fontTitle2": { + "auto": { "fontFamily": { - "name": "--vkui--search_font_search_text_mail_sans--font_family--compact", - "value": "var(--vkui--search_font_search_text_mail_sans--font_family--compact, Arial, sans-serif)", + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_text_mail_sans--font_size--compact", - "value": "var(--vkui--search_font_search_text_mail_sans--font_size--compact, 15px)", + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_text_mail_sans--font_weight--compact", - "value": "var(--vkui--search_font_search_text_mail_sans--font_weight--compact, 400)", + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_text_mail_sans--line_height--compact", - "value": "var(--vkui--search_font_search_text_mail_sans--line_height--compact, 20px)", + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_text_mail_sans--font_family--regular", - "value": "var(--vkui--search_font_search_text_mail_sans--font_family--regular, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_text_mail_sans--font_size--regular", - "value": "var(--vkui--search_font_search_text_mail_sans--font_size--regular, 16px)", + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", }, "fontWeight": { - "name": "--vkui--search_font_search_text_mail_sans--font_weight--regular", - "value": "var(--vkui--search_font_search_text_mail_sans--font_weight--regular, 400)", + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_text_mail_sans--line_height--regular", - "value": "var(--vkui--search_font_search_text_mail_sans--line_height--regular, 20px)", + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, }, - "searchFontSearchTitle4": { + "fontTitle3": { "auto": { "fontFamily": { - "name": "--vkui--search_font_search_title4--font_family", - "value": "var(--vkui--search_font_search_title4--font_family)", - }, - "fontSize": { - "name": "--vkui--search_font_search_title4--font_size", - "value": "var(--vkui--search_font_search_title4--font_size)", - }, - "fontWeight": { - "name": "--vkui--search_font_search_title4--font_weight", - "value": "var(--vkui--search_font_search_title4--font_weight)", - }, - "lineHeight": { - "name": "--vkui--search_font_search_title4--line_height", - "value": "var(--vkui--search_font_search_title4--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--search_font_search_title4--font_family--regular", - "value": "var(--vkui--search_font_search_title4--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", }, "fontSize": { - "name": "--vkui--search_font_search_title4--font_size--regular", - "value": "var(--vkui--search_font_search_title4--font_size--regular, 18px)", + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", }, "fontWeight": { - "name": "--vkui--search_font_search_title4--font_weight--regular", - "value": "var(--vkui--search_font_search_title4--font_weight--regular, 400)", + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", }, "lineHeight": { - "name": "--vkui--search_font_search_title4--line_height--regular", - "value": "var(--vkui--search_font_search_title4--line_height--regular, 24px)", + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", }, }, - }, - "searchFontSearchTitle4Bold": { - "auto": { + "compact": { "fontFamily": { - "name": "--vkui--search_font_search_title4_bold--font_family", - "value": "var(--vkui--search_font_search_title4_bold--font_family)", + "name": "--vkui--font_title3--font_family--compact", + "value": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_title4_bold--font_size", - "value": "var(--vkui--search_font_search_title4_bold--font_size)", + "name": "--vkui--font_title3--font_size--compact", + "value": "var(--vkui--font_title3--font_size--compact, 16px)", }, "fontWeight": { - "name": "--vkui--search_font_search_title4_bold--font_weight", - "value": "var(--vkui--search_font_search_title4_bold--font_weight)", + "name": "--vkui--font_title3--font_weight--compact", + "value": "var(--vkui--font_title3--font_weight--compact, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_title4_bold--line_height", - "value": "var(--vkui--search_font_search_title4_bold--line_height)", + "name": "--vkui--font_title3--line_height--compact", + "value": "var(--vkui--font_title3--line_height--compact, 24px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--search_font_search_title4_bold--font_family--regular", - "value": "var(--vkui--search_font_search_title4_bold--font_family--regular, Arial, sans-serif)", + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--search_font_search_title4_bold--font_size--regular", - "value": "var(--vkui--search_font_search_title4_bold--font_size--regular, 18px)", + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 16px)", }, "fontWeight": { - "name": "--vkui--search_font_search_title4_bold--font_weight--regular", - "value": "var(--vkui--search_font_search_title4_bold--font_weight--regular, 700)", + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--search_font_search_title4_bold--line_height--regular", - "value": "var(--vkui--search_font_search_title4_bold--line_height--regular, 24px)", + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 24px)", }, }, }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, "sizeArrow": { "auto": { "name": "--vkui--size_arrow", @@ -300679,16 +337407,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", - }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", - }, - }, "sizeArrowPadding": { "auto": { "name": "--vkui--size_arrow_padding", @@ -300709,26 +337427,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", - }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", - }, - }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", - }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", - }, - }, "sizeAvatarL": { "auto": { "name": "--vkui--size_avatar_l", @@ -300829,34 +337527,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", - }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", - }, - }, - "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", - }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", - }, - }, "sizeBasePaddingHorizontal": { "auto": { "name": "--vkui--size_base_padding_horizontal", @@ -300947,56 +337617,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", - }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", - }, - }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", - }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, - }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", - }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", - }, - }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", - }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", - }, - }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", - }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", - }, - }, "sizeButtonBaseLargePaddingHorizontal": { "auto": { "name": "--vkui--size_button_base_large_padding_horizontal", @@ -301004,7 +337624,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { @@ -301024,7 +337644,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { @@ -301044,7 +337664,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { @@ -301087,29 +337707,11 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", - }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, - }, "sizeButtonLargeHeight": { "auto": { "name": "--vkui--size_button_large_height", "value": "var(--vkui--size_button_large_height)", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", - }, "regular": { "name": "--vkui--size_button_large_height--regular", "value": "var(--vkui--size_button_large_height--regular, 44px)", @@ -301120,10 +337722,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_medium_height", "value": "var(--vkui--size_button_medium_height)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", - }, "regular": { "name": "--vkui--size_button_medium_height--regular", "value": "var(--vkui--size_button_medium_height--regular, 36px)", @@ -301134,481 +337732,193 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_minimum_width", "value": "var(--vkui--size_button_minimum_width)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", - }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", - }, - }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", - }, - "compact": { - "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, - }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", - }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", - }, - }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", - }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", - }, - }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", - }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", - }, - }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", - }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", - }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", - }, - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", - }, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", - }, - }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", - }, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", - }, - }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", - }, - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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, 16px)", - }, - }, - "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, 12px)", - }, - }, - "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)", - }, - }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", - }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", - }, - }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, - }, - "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", - }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", - }, - }, - "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", - }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 104px)", - }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", - }, - }, - "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", - }, - "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", - }, - }, - "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", - }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", - }, - }, - "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", - }, - "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", - }, - }, - "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", - }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", - }, - }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", - }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", - }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", - }, - }, - "sizeFieldHorizontalMargin": { - "auto": { - "name": "--vkui--size_field_horizontal_margin", - "value": "var(--vkui--size_field_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", - }, - }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 101px)", }, }, - "sizeFieldSetMargin": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "sizeFieldVerticalMargin": { + "sizeButtonSmallHeight": { "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 28px)", }, }, - "sizeFieldWidthMin": { + "sizeButtonTertiaryLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", - }, - "compact": { - "name": "--vkui--size_field_width_min--compact", - "value": "var(--vkui--size_field_width_min--compact, 380px)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "sizeFormItemPaddingVertical": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", - }, - "sizeHeaderIcon": { + "sizeButtonTertiaryMediumPaddingHorizontal": { "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "sizeIconMargin": { + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", - }, - "compact": { - "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "sizeIconMorePadding": { + "sizeButtonTertiarySmallPaddingHorizontal": { "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", - }, - "compact": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "sizeIconUI": { + "sizeButtonTertiarySmallPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "sizeIllustrationL": { + "sizeCardBorderRadius": { "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, - "sizeIllustrationM": { + "sizeCardgridPadding": { "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, }, - "sizeIllustrationS": { + "sizeCardgridPaddingVertical": { "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "sizeIllustrationXM": { + "sizeCheckBorderRadius": { "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "sizeIllustrationXXL": { + "sizeCheckbox": { "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "sizeLabelHorizontalMargin": { + "sizeFieldHeight": { "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "sizeLabelVerticalMargin": { + "sizeFieldHorizontalPadding": { "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "sizeLabelWidth": { + "sizeFormItemPaddingVertical": { "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "sizeMenuMargin": { + "sizeIconUI": { "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "sizeMenuPadding": { + "sizeLabelHorizontalMargin": { "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, "sizeOptionHierarchy": { @@ -301642,11 +337952,11 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", }, "regular": { "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, "sizePopupHeaderPadding": { @@ -301656,11 +337966,11 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", }, "regular": { "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, "sizePopupLarge": { @@ -301673,20 +337983,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", - }, - "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", - }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", - }, - }, "sizePopupMedium": { "auto": { "name": "--vkui--size_popup_medium", @@ -301707,36 +338003,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", - }, - }, - "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", - }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", - }, - }, - "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", - }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", - }, - }, "sizeSearchHeight": { "auto": { "name": "--vkui--size_search_height", @@ -301758,31 +338024,11 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, "regular": { "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", - }, - }, - "sizeSliceBottomPadding": { - "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", - }, - "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", - }, - }, - "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", - }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, "sizeSplitColPaddingHorizontal": { @@ -301790,9 +338036,13 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_split_col_padding_horizontal", "value": "var(--vkui--size_split_col_padding_horizontal)", }, + "compact": { + "name": "--vkui--size_split_col_padding_horizontal--compact", + "value": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", + }, "regular": { "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, }, "sizeSubnavigationBarGap": { @@ -301857,76 +338107,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "sizeTabMargin": { - "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", - }, - "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", - }, - }, - "sizeTabPadding": { - "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", - }, - "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", - }, - }, - "sizeTableHorizontalPadding": { - "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", - }, - }, - "sizeTableVerticalPadding": { - "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", - }, - }, - "sizeTagMargin": { - "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", - }, - "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", - }, - }, - "sizeTagPadding": { - "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", - }, - "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", - }, - }, - "sizeTipMargin": { - "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", - }, - "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", - }, - }, "sizeTooltipMargin": { "auto": { "name": "--vkui--size_tooltip_margin", @@ -301937,26 +338117,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeVerticalPadding": { - "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", - }, - "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", - }, - }, - "sizeWysiwygIcon": { - "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", - }, - "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", - }, - }, "spacingSize2Xl": { "name": "--vkui--spacing_size_2xl", "value": "var(--vkui--spacing_size_2xl, 16px)", @@ -301999,116 +338159,586 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, search)", + "value": "var(--vkui--theme_name, tutoria)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, search)", + "value": "var(--vkui--theme_name_base, tutoria)", }, "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "tutoriaColorBackgroundAccentTint": { + "active": { + "name": "--vkui--tutoria_color_background_accent_tint--active", + "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_accent_tint--hover", + "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_accent_tint", + "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", + }, }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "tutoriaColorBackgroundContentInverse": { + "active": { + "name": "--vkui--tutoria_color_background_content_inverse--active", + "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_content_inverse--hover", + "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_content_inverse", + "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", + }, }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "tutoriaColorBackgroundInfo": { + "active": { + "name": "--vkui--tutoria_color_background_info--active", + "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_info--hover", + "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_info", + "value": "var(--vkui--tutoria_color_background_info, #008DF2)", + }, }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "tutoriaColorBackgroundInfoTint": { + "active": { + "name": "--vkui--tutoria_color_background_info_tint--active", + "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_info_tint--hover", + "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_info_tint", + "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", + }, }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "tutoriaColorBackgroundNegativeTint": { + "active": { + "name": "--vkui--tutoria_color_background_negative_tint--active", + "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_negative_tint--hover", + "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_negative_tint", + "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", + }, }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "tutoriaColorBackgroundNeutral": { + "active": { + "name": "--vkui--tutoria_color_background_neutral--active", + "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_neutral--hover", + "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_neutral", + "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", + }, }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "tutoriaColorBackgroundOverlayAlpha": { + "active": { + "name": "--vkui--tutoria_color_background_overlay_alpha--active", + "value": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", + }, + "hover": { + "name": "--vkui--tutoria_color_background_overlay_alpha--hover", + "value": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", + }, + "normal": { + "name": "--vkui--tutoria_color_background_overlay_alpha", + "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", + }, }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "tutoriaColorBackgroundPositiveTint": { + "active": { + "name": "--vkui--tutoria_color_background_positive_tint--active", + "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_positive_tint--hover", + "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_positive_tint", + "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", + }, }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "tutoriaColorBackgroundPrimary": { + "active": { + "name": "--vkui--tutoria_color_background_primary--active", + "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_primary--hover", + "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_primary", + "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", + }, }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "tutoriaColorBackgroundWarning": { + "active": { + "name": "--vkui--tutoria_color_background_warning--active", + "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_warning--hover", + "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_warning", + "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", + }, }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "tutoriaColorBackgroundWarningTint": { + "active": { + "name": "--vkui--tutoria_color_background_warning_tint--active", + "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", + }, + "hover": { + "name": "--vkui--tutoria_color_background_warning_tint--hover", + "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_warning_tint", + "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", + }, }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", + "tutoriaColorCardBoxShadowAlpha": { + "active": { + "name": "--vkui--tutoria_color_card_box_shadow_alpha--active", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", + }, + "hover": { + "name": "--vkui--tutoria_color_card_box_shadow_alpha--hover", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", + }, + "normal": { + "name": "--vkui--tutoria_color_card_box_shadow_alpha", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", + }, }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "tutoriaColorIconInfo": { + "active": { + "name": "--vkui--tutoria_color_icon_info--active", + "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", + }, + "hover": { + "name": "--vkui--tutoria_color_icon_info--hover", + "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_icon_info", + "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", + }, }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "tutoriaColorIconLink": { + "active": { + "name": "--vkui--tutoria_color_icon_link--active", + "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", + }, + "hover": { + "name": "--vkui--tutoria_color_icon_link--hover", + "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_icon_link", + "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", + }, }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "tutoriaColorIconWarning": { + "active": { + "name": "--vkui--tutoria_color_icon_warning--active", + "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", + }, + "hover": { + "name": "--vkui--tutoria_color_icon_warning--hover", + "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", + }, + "normal": { + "name": "--vkui--tutoria_color_icon_warning", + "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", + }, }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", + "tutoriaColorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--tutoria_color_separator_primary_alpha--active", + "value": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", + }, + "hover": { + "name": "--vkui--tutoria_color_separator_primary_alpha--hover", + "value": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", + }, + "normal": { + "name": "--vkui--tutoria_color_separator_primary_alpha", + "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", + }, }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "tutoriaColorSeparatorSecondaryAlpha": { + "active": { + "name": "--vkui--tutoria_color_separator_secondary_alpha--active", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", + }, + "hover": { + "name": "--vkui--tutoria_color_separator_secondary_alpha--hover", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", + }, + "normal": { + "name": "--vkui--tutoria_color_separator_secondary_alpha", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", + }, }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "tutoriaColorStrokeAccentTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_accent_tint--active", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_accent_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_accent_tint", + "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", + }, }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "tutoriaColorStrokeInfo": { + "active": { + "name": "--vkui--tutoria_color_stroke_info--active", + "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_info--hover", + "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_info", + "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", + }, }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "tutoriaColorStrokeInfoTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_info_tint--active", + "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_info_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_info_tint", + "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", + }, }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "tutoriaColorStrokeNegativeTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_negative_tint--active", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_negative_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_negative_tint", + "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", + }, }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", + "tutoriaColorStrokePositiveTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_positive_tint--active", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_positive_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_positive_tint", + "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", + }, }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "tutoriaColorStrokePrimary": { + "active": { + "name": "--vkui--tutoria_color_stroke_primary--active", + "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_primary--hover", + "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_primary", + "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", + }, }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "tutoriaColorStrokeSecondary": { + "active": { + "name": "--vkui--tutoria_color_stroke_secondary--active", + "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_secondary--hover", + "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_secondary", + "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", + }, }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "tutoriaColorStrokeTertiary": { + "active": { + "name": "--vkui--tutoria_color_stroke_tertiary--active", + "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_tertiary--hover", + "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_tertiary", + "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", + }, }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "tutoriaColorStrokeWarning": { + "active": { + "name": "--vkui--tutoria_color_stroke_warning--active", + "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_warning--hover", + "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_warning", + "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", + }, + }, + "tutoriaColorStrokeWarningTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_warning_tint--active", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_warning_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_warning_tint", + "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", + }, + }, + "tutoriaColorTextInfo": { + "active": { + "name": "--vkui--tutoria_color_text_info--active", + "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", + }, + "hover": { + "name": "--vkui--tutoria_color_text_info--hover", + "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_text_info", + "value": "var(--vkui--tutoria_color_text_info, #008DF2)", + }, + }, + "tutoriaColorTextWarning": { + "active": { + "name": "--vkui--tutoria_color_text_warning--active", + "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", + }, + "hover": { + "name": "--vkui--tutoria_color_text_warning--hover", + "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", + }, + "normal": { + "name": "--vkui--tutoria_color_text_warning", + "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", + }, + }, + "tutoriaFontTextTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--tutoria_font_text_title1--font_family", + "value": "var(--vkui--tutoria_font_text_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title1--font_size", + "value": "var(--vkui--tutoria_font_text_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title1--font_weight", + "value": "var(--vkui--tutoria_font_text_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title1--line_height", + "value": "var(--vkui--tutoria_font_text_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--tutoria_font_text_title1--font_family--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title1--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title1--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title1--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", + }, + }, + }, + "tutoriaFontTextTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--tutoria_font_text_title2--font_family", + "value": "var(--vkui--tutoria_font_text_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title2--font_size", + "value": "var(--vkui--tutoria_font_text_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title2--font_weight", + "value": "var(--vkui--tutoria_font_text_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title2--line_height", + "value": "var(--vkui--tutoria_font_text_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--tutoria_font_text_title2--font_family--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title2--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title2--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title2--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", + }, + }, + }, + "tutoriaFontTextTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--tutoria_font_text_title3--font_family", + "value": "var(--vkui--tutoria_font_text_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title3--font_size", + "value": "var(--vkui--tutoria_font_text_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title3--font_weight", + "value": "var(--vkui--tutoria_font_text_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title3--line_height", + "value": "var(--vkui--tutoria_font_text_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--tutoria_font_text_title3--font_family--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title3--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title3--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title3--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", + }, + }, + }, + "tutoriaLayoutMaxWidth": { + "auto": { + "name": "--vkui--tutoria_layout_max_width", + "value": "var(--vkui--tutoria_layout_max_width)", + }, + "regular": { + "name": "--vkui--tutoria_layout_max_width--regular", + "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + }, + }, + "tutoriaSizeButtonBaseLargeBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_large_border_radius", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", + }, + "regular": { + "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", + }, + }, + "tutoriaSizeButtonBaseMediumBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_medium_border_radius", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", + }, + "regular": { + "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", + }, + }, + "tutoriaSizeButtonBaseSmallBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_small_border_radius", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", + }, + "regular": { + "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", + }, + }, + "tutoriaSizePaddingCard": { + "auto": { + "name": "--vkui--tutoria_size_padding_card", + "value": "var(--vkui--tutoria_size_padding_card)", + }, + "compact": { + "name": "--vkui--tutoria_size_padding_card--compact", + "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", + }, + "regular": { + "name": "--vkui--tutoria_size_padding_card--regular", + "value": "var(--vkui--tutoria_size_padding_card--regular, 24px)", + }, }, "zIndexModal": { "name": "--vkui--z_index_modal", @@ -302119,64 +338749,54 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--z_index_popout, 100)", }, } -`; - -exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` -{ - "animationDurationL": "0.4s", - "animationDurationM": "0.2s", - "animationDurationS": "0.1s", - "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, +`; + +exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", "hover": "#E65944", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { "active": "#E5A84E", @@ -302184,44 +338804,44 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#E03FAB", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -302229,69 +338849,54 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#66ADFF", + "hover": "#3392FF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", "hover": "#5698F7", "normal": "#5a9eff", }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, - "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", - }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#E9ECEF", + "hover": "#F4F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#E9ECEF", + "hover": "#F4F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -302299,9 +338904,9 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { "active": "#EBECEF", @@ -302309,154 +338914,94 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FFB3B5", + "hover": "#FF666B", + "normal": "#FF4046", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", - }, - "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#66E394", + "hover": "#34DA71", + "normal": "#02D14E", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#E9ECEF", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", - }, - "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", - }, - "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, - "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", - }, - "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", - }, - "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, - "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, - "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -302466,92 +339011,92 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "colorIconContrastSecondary": { "active": "#DFE1E6", "hover": "#E8EAEE", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -302559,69 +339104,64 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#E0E3E8", + "hover": "#EAECF0", + "normal": "#F4F5F7", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -302629,29 +339169,29 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -302661,122 +339201,77 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#004EB1", - "hover": "#0050B6", - "normal": "#0053BB", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", "hover": "#6CA4E4", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#34383E", - "hover": "#37393E", - "normal": "#393B3E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", - }, - "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", - }, - "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -302784,55 +339279,57 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", "hover": "#D8DBDF", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorsScheme": "light", - "elevation1": "0px 4px 12px rgba(0, 16, 61, 0.05)", - "elevation1Hover": "0px 6px 16px rgba(0, 16, 61, 0.09)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0px 6px 20px rgba(0, 16, 61, 0.07)", - "elevation2Hover": "0px 10px 24px rgba(0, 16, 61, 0.11)", - "elevation3": "0px 4px 20px rgba(0, 0, 0, 0.13)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", - "elevationButtons": "0px 6px 20px rgba(0, 16, 61, 0.1)", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 500, + "lineHeight": "16px", + }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", + "fontWeight": 600, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -302840,17 +339337,16 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", + "fontWeight": 600, "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -302858,483 +339354,188 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", + "fontWeight": 600, "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "23px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "22px", - "fontWeight": 500, - "lineHeight": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "21px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", - }, - }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", - }, - }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", - "fontFootnote": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", - }, - }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", - }, - }, - "fontH0": { - "compact": { - "fontSize": "44px", - "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", - }, - }, - "fontH1": { - "compact": { - "fontSize": "32px", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", - }, - }, - "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", - }, - }, - "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", - }, - }, - "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", - }, - }, - "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", - }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", - }, - }, - "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "fontTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", - }, - }, - "fontTitle2": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", - }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", - }, - }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "searchCardBackground": "linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%)", - "searchCardWithTextBackground": "linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%)", - "searchColorBackgroundAccentTint": { - "active": "#E0E5EE", - "hover": "#E9EEF5", - "normal": "#F3F7FD", - }, - "searchColorBackgroundOrangeAccentActive": { - "active": "#E18D05", - "hover": "#EB9302", - "normal": "#F59800", - }, - "searchColorBackgroundOrangeAccentHover": { - "active": "#EBA940", - "hover": "#F5AF40", - "normal": "#FFB640", - }, - "searchColorTextLinkAlternativeHover": { - "active": "#DE641A", - "hover": "#E76719", - "normal": "#F16B17", - }, - "searchColorTextLinkPositive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "searchColorTextLinkPositiveTint": { - "active": "#629D62", - "hover": "#66A363", - "normal": "#6AA965", - }, - "searchFontForAdvertisingBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - }, - }, - "searchFontGreenURL": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", - }, - }, - "searchFontParagraphBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", - }, - }, - "searchFontSearchBigText": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "searchFontSearchBigTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 700, - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "searchFontSearchCaption1Bold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 700, - "lineHeight": "16px", - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 700, - "lineHeight": "16px", - }, - }, - "searchFontSearchCaption1MailSans": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", - }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", - }, - }, - "searchFontSearchCaption2MailSans": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", - }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "searchFontSearchExtraHeadline": { + "fontDisplayTitle4": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 700, - "lineHeight": "28px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "searchFontSearchFootnoteBold": { + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { "compact": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "13px", - "fontWeight": 700, - "lineHeight": "18px", + "fontWeight": 400, + "lineHeight": "16px", }, "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "13px", - "fontWeight": 700, - "lineHeight": "18px", + "fontWeight": 500, + "lineHeight": "16px", }, }, - "searchFontSearchFootnoteMailSans": { - "compact": { - "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", - "fontWeight": 500, - "lineHeight": "18px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, + }, + "fontHeadline": { "regular": { - "fontFamily": "MailSans, Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": "18px", + "lineHeight": "24px", }, }, - "searchFontSearchHeadline2": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "20px", + "fontHeadline1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "24px", }, + }, + "fontHeadline2": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "15px", - "fontWeight": 400, + "fontWeight": 500, "lineHeight": "20px", }, }, - "searchFontSearchSubheadBold": { - "compact": { - "fontFamily": "Arial, sans-serif", + "fontParagraph": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "14px", - "fontWeight": 700, + "fontWeight": 400, "lineHeight": "18px", }, + }, + "fontSubhead": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "14px", - "fontWeight": 700, + "fontWeight": 500, "lineHeight": "18px", }, }, - "searchFontSearchTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 700, - "lineHeight": "20px", - }, + "fontText": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": "24px", }, }, - "searchFontSearchTextMailSans": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "fontTitle1": { + "largeX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 600, + "lineHeight": "36px", + }, + "largeXX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "40px", + "fontWeight": 600, + "lineHeight": "44px", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "searchFontSearchTitle4": { + "fontTitle2": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 400, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, "lineHeight": "24px", }, }, - "searchFontSearchTitle4Bold": { + "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "24px", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 700, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, "lineHeight": "24px", }, }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": "8px", }, - "sizeArrowHeight": { - "regular": "8px", - }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, - "sizeArrowWidth": { - "regular": "12px", - }, - "sizeAttributeMargin": { - "regular": "4px", - }, "sizeAvatarL": { "regular": "96px", }, @@ -303365,14 +339566,6 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "sizeBadgeXS": { "regular": "12px", }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", - }, - "sizeBasePadding": { - "compact": "20px", - "regular": "16px", - }, "sizeBasePaddingHorizontal": { "regular": "16px", }, @@ -303400,35 +339593,20 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": "48px", }, - "sizeBorderWidthAccent": { - "regular": "8px", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "8px", - }, - "sizeBorderWidthBar": { - "regular": "4px", - }, - "sizeBorderWidthTab": { - "regular": "2px", - }, - "sizeBulletMargin": { - "regular": "12px", - }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": "10px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": "8px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": "6px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", @@ -303442,40 +339620,20 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": "1px", }, - "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", - }, "sizeButtonLargeHeight": { - "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "80px", - }, - "sizeButtonMorePadding": { - "regular": "8px", + "regular": "101px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { "regular": "12px", }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", - }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "28px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -303496,10 +339654,10 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "16px", + "regular": "8px", }, "sizeCardgridPadding": { - "regular": "12px", + "regular": "8px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -303510,93 +339668,22 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "sizeCheckbox": { "regular": "16px", }, - "sizeChoiceMargin": { - "regular": "8px", - }, - "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", - }, - "sizeDivPadding": { - "regular": "4px", - }, - "sizeDotBullet": { - "regular": "4px", - }, - "sizeDotClickable": { - "regular": "12px", - }, - "sizeDotIndicate": { - "regular": "8px", - }, "sizeFieldHeight": { "compact": "36px", "regular": "44px", }, - "sizeFieldHorizontalMargin": { - "regular": "20px", - }, "sizeFieldHorizontalPadding": { "regular": "12px", }, - "sizeFieldSetMargin": { - "regular": "32px", - }, - "sizeFieldVerticalMargin": { - "regular": "24px", - }, - "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", - }, "sizeFormItemPaddingVertical": { "regular": "12px", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", - }, - "sizeIconMargin": { - "compact": "8px", - "regular": "12px", - }, - "sizeIconMorePadding": { - "compact": "8px", - "regular": "12px", - }, "sizeIconUI": { "regular": "16px", }, - "sizeIllustrationL": { - "regular": "144px", - }, - "sizeIllustrationM": { - "regular": "96px", - }, - "sizeIllustrationS": { - "regular": "48px", - }, - "sizeIllustrationXM": { - "regular": "72px", - }, - "sizeIllustrationXXL": { - "regular": "228px", - }, "sizeLabelHorizontalMargin": { "regular": "16px", }, - "sizeLabelVerticalMargin": { - "regular": "4px", - }, - "sizeLabelWidth": { - "regular": "184px", - }, - "sizeMenuMargin": { - "regular": "2px", - }, - "sizeMenuPadding": { - "regular": "8px", - }, "sizeOptionHierarchy": { "regular": "32px", }, @@ -303605,51 +339692,33 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "regular": "56px", }, "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { "regular": "880px", }, - "sizePopupMargin": { - "compact": "24px", - "regular": "8px", - }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, - "sizeProgress": { - "regular": "4px", - }, - "sizeProgressScroll": { - "regular": "12px", - }, - "sizePromoButtonClose": { - "regular": "32px", - }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", - }, - "sizeSliceBottomPadding": { - "regular": "60px", - }, - "sizeSliceTopPadding": { - "regular": "40px", + "compact": "7px", + "regular": "6px", }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "compact": "16px", + "regular": "24px", }, "sizeSubnavigationBarGap": { "regular": "8px", @@ -303669,36 +339738,9 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "compact": "32px", "regular": "34px", }, - "sizeTabMargin": { - "regular": "8px", - }, - "sizeTabPadding": { - "regular": "16px", - }, - "sizeTableHorizontalPadding": { - "regular": "16px", - }, - "sizeTableVerticalPadding": { - "regular": "16px", - }, - "sizeTagMargin": { - "regular": "8px", - }, - "sizeTagPadding": { - "regular": "8px", - }, - "sizeTipMargin": { - "regular": "4px", - }, "sizeTooltipMargin": { "regular": "8px", }, - "sizeVerticalPadding": { - "regular": "0px", - }, - "sizeWysiwygIcon": { - "regular": "14px", - }, "spacingSize2Xl": "16px", "spacingSize2Xs": "2px", "spacingSize3Xl": "20px", @@ -303709,96 +339751,245 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "search", - "themeNameBase": "search", + "themeName": "tutoria", + "themeNameBase": "tutoria", "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": "0px", - "x025": "1px", - "x05": "2px", - "x1": "4px", - "x10": "40px", - "x12": "48px", - "x15": "60px", - "x2": "8px", - "x20": "80px", - "x3": "12px", - "x4": "16px", - "x5": "20px", - "x6": "24px", - "x8": "32px", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", + }, + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", + }, + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", + }, + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", + }, + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", + }, + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", + }, + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", + }, + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", + }, + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", + }, + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", + }, + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", + }, + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", + }, + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", + }, + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", + }, + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", + }, + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", + }, + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", + }, + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", + }, + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", + }, + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", + }, + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", + }, + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", + }, + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "20px", + }, + }, + "tutoriaLayoutMaxWidth": { + "regular": "1224px", + }, + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": "8px", + }, + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": "10px", + }, + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": "12px", + }, + "tutoriaSizePaddingCard": { + "compact": "16px", + "regular": "24px", + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A9E971)", - "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", }, "colorAccentOrangePeach": { "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", @@ -303806,44 +339997,44 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #EB367F)", - "hover": "var(--vkui--color_accent_pink--hover, #F53782)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #6A56D8)", + "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "hover": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -303851,69 +340042,54 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #66ADFF)", + "hover": "var(--vkui--color_background_accent--hover, #3392FF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, - "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", - }, - "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", - }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", - }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "active": "var(--vkui--color_background_content--active, #E9ECEF)", + "hover": "var(--vkui--color_background_content--hover, #F4F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "active": "var(--vkui--color_background_contrast--active, #E9ECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F4F5F7)", "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, "colorBackgroundContrastThemed": { "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", @@ -303921,9 +340097,9 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + "active": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "hover": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", @@ -303931,154 +340107,94 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_modal_inverse, #303030)", + "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #FFB3B5)", + "hover": "var(--vkui--color_background_negative--hover, #FF666B)", + "normal": "var(--vkui--color_background_negative, #FF4046)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", - }, - "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "active": "var(--vkui--color_background_positive--active, #66E394)", + "hover": "var(--vkui--color_background_positive--hover, #34DA71)", + "normal": "var(--vkui--color_background_positive, #02D14E)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", - }, - "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", - }, - "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", - }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "active": "var(--vkui--color_background_secondary--active, #D4D9DE)", + "hover": "var(--vkui--color_background_secondary--hover, #E9ECEF)", + "normal": "var(--vkui--color_background_secondary, #E9ECEF)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", - }, - "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint, #fffce0)", - }, - "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", - }, - "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", - }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", - }, - "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", - "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - "normal": "var(--vkui--color_button_contrast, #FFFFFF)", - }, - "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "active": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #ffffff)", + "active": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -304088,92 +340204,92 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "active": "var(--vkui--color_icon_medium--active, #778292)", + "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", + "normal": "var(--vkui--color_icon_medium, #818c99)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #EB3C45)", + "hover": "var(--vkui--color_icon_negative--hover, #F53E46)", + "normal": "var(--vkui--color_icon_negative, #FF4046)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "active": "var(--vkui--color_icon_positive--active, #02C24D)", + "hover": "var(--vkui--color_icon_positive--hover, #02C94D)", + "normal": "var(--vkui--color_icon_positive, #02D14E)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "active": "var(--vkui--color_icon_primary--active, #161A20)", + "hover": "var(--vkui--color_icon_primary--hover, #171B1F)", + "normal": "var(--vkui--color_icon_primary, #181B1E)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "active": "var(--vkui--color_icon_secondary--active, #555D69)", + "hover": "var(--vkui--color_icon_secondary--hover, #58616B)", + "normal": "var(--vkui--color_icon_secondary, #5C646D)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "active": "var(--vkui--color_icon_tertiary--active, #8794A4)", + "hover": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", + "normal": "var(--vkui--color_icon_tertiary, #939FAD)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EB9305)", - "hover": "var(--vkui--color_icon_warning--hover, #F59802)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "var(--vkui--color_icon_warning--active, #E8910E)", + "hover": "var(--vkui--color_icon_warning--hover, #F2960C)", + "normal": "var(--vkui--color_icon_warning, #FC9C0A)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -304181,69 +340297,64 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", - }, - "colorRating": { - "active": "var(--vkui--color_rating--active, #EBC405)", - "hover": "var(--vkui--color_rating--hover, #F5CC02)", - "normal": "var(--vkui--color_rating, #ffd400)", + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", - "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "active": "var(--vkui--color_separator_primary--active, #D6DAE1)", + "hover": "var(--vkui--color_separator_primary--hover, #E0E3E8)", + "normal": "var(--vkui--color_separator_primary, #E9ECEF)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "active": "var(--vkui--color_separator_secondary--active, #E0E3E8)", + "hover": "var(--vkui--color_separator_secondary--hover, #EAECF0)", + "normal": "var(--vkui--color_separator_secondary, #F4F5F7)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -304251,29 +340362,29 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #EB3C45)", + "hover": "var(--vkui--color_stroke_negative--hover, #F53E46)", + "normal": "var(--vkui--color_stroke_negative, #FF4046)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "active": "var(--vkui--color_stroke_positive--active, #02C24D)", + "hover": "var(--vkui--color_stroke_positive--hover, #02C94D)", + "normal": "var(--vkui--color_stroke_positive, #02D14E)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #006FEF)", + "hover": "var(--vkui--color_text_accent--hover, #0073F7)", + "normal": "var(--vkui--color_text_accent, #0077FF)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -304283,122 +340394,77 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #004EB1)", - "hover": "var(--vkui--color_text_link--hover, #0050B6)", - "normal": "var(--vkui--color_text_link, #0053BB)", + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #4D0452)", - "hover": "var(--vkui--color_text_link_visited--hover, #510453)", - "normal": "var(--vkui--color_text_link_visited, #540354)", + "active": "var(--vkui--color_text_link_visited--active, #437DC1)", + "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #34383E)", - "hover": "var(--vkui--color_text_muted--hover, #37393E)", - "normal": "var(--vkui--color_text_muted, #393B3E)", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #EB3C45)", + "hover": "var(--vkui--color_text_negative--hover, #F53E46)", + "normal": "var(--vkui--color_text_negative, #FF4046)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "active": "var(--vkui--color_text_positive--active, #02C24D)", + "hover": "var(--vkui--color_text_positive--hover, #02C94D)", + "normal": "var(--vkui--color_text_positive, #02D14E)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", + "active": "var(--vkui--color_text_primary--active, #161A20)", + "hover": "var(--vkui--color_text_primary--hover, #171B1F)", + "normal": "var(--vkui--color_text_primary, #181B1E)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "active": "var(--vkui--color_text_primary_invariably--active, #000105)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", + "active": "var(--vkui--color_text_secondary--active, #555D69)", + "hover": "var(--vkui--color_text_secondary--hover, #58616B)", + "normal": "var(--vkui--color_text_secondary, #5C646D)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #797A80)", + "active": "var(--vkui--color_text_subhead--active, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - "normal": "var(--vkui--color_text_tertiary, #AAADB3)", - }, - "colorThumbErrorBackgroundAlpha": { - "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", - }, - "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", - }, - "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", - }, - "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", - }, - "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", - }, - "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", - }, - "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "active": "var(--vkui--color_text_tertiary--active, #8794A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #8D99A9)", + "normal": "var(--vkui--color_text_tertiary, #939FAD)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #DADCE0)", + "active": "var(--vkui--color_track_background--active, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -304406,55 +340472,57 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, "colorWriteBarInputBorder": { "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0px 4px 12px rgba(0, 16, 61, 0.05))", - "elevation1Hover": "var(--vkui--elevation1_hover, 0px 6px 16px rgba(0, 16, 61, 0.09))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, 0px 6px 20px rgba(0, 16, 61, 0.07))", - "elevation2Hover": "var(--vkui--elevation2_hover, 0px 10px 24px rgba(0, 16, 61, 0.11))", - "elevation3": "var(--vkui--elevation3, 0px 4px 20px rgba(0, 0, 0, 0.13))", - "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", - "elevationButtons": "var(--vkui--elevation_buttons, 0px 6px 20px rgba(0, 16, 61, 0.1))", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { + "compact": { + "fontFamily": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--compact, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--compact, 16px)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -304462,17 +340530,16 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -304480,140 +340547,96 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { + "compact": { + "fontFamily": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--compact, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--compact, 16px)", + }, "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, - "fontH0": { - "compact": { - "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", - "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", - }, - "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", - "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", - }, - }, - "fontH1": { - "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", - }, - "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", - }, - }, - "fontH2": { - "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", - }, - "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", - }, - }, "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 24px)", }, }, "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 24px)", }, }, "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -304621,342 +340644,91 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 18px)", }, }, "fontSubhead": { - "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 24px)", }, }, "fontTitle1": { + "largeX": { + "fontFamily": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--large_x, 32px)", + "fontWeight": "var(--vkui--font_title1--font_weight--large_x, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--large_x, 36px)", + }, + "largeXX": { + "fontFamily": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--large_x_x, 40px)", + "fontWeight": "var(--vkui--font_title1--font_weight--large_x_x, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--large_x_x, 44px)", + }, "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, "fontTitle3": { + "compact": { + "fontFamily": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--compact, 16px)", + "fontWeight": "var(--vkui--font_title3--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--compact, 24px)", + }, "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 24px)", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "searchCardBackground": "var(--vkui--search_card_background, linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%))", - "searchCardWithTextBackground": "var(--vkui--search_card_with_text_background, linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%))", - "searchColorBackgroundAccentTint": { - "active": "var(--vkui--search_color_background_accent_tint--active, #E0E5EE)", - "hover": "var(--vkui--search_color_background_accent_tint--hover, #E9EEF5)", - "normal": "var(--vkui--search_color_background_accent_tint, #F3F7FD)", - }, - "searchColorBackgroundOrangeAccentActive": { - "active": "var(--vkui--search_color_background_orange_accent_active--active, #E18D05)", - "hover": "var(--vkui--search_color_background_orange_accent_active--hover, #EB9302)", - "normal": "var(--vkui--search_color_background_orange_accent_active, #F59800)", - }, - "searchColorBackgroundOrangeAccentHover": { - "active": "var(--vkui--search_color_background_orange_accent_hover--active, #EBA940)", - "hover": "var(--vkui--search_color_background_orange_accent_hover--hover, #F5AF40)", - "normal": "var(--vkui--search_color_background_orange_accent_hover, #FFB640)", - }, - "searchColorTextLinkAlternativeHover": { - "active": "var(--vkui--search_color_text_link_alternative_hover--active, #DE641A)", - "hover": "var(--vkui--search_color_text_link_alternative_hover--hover, #E76719)", - "normal": "var(--vkui--search_color_text_link_alternative_hover, #F16B17)", - }, - "searchColorTextLinkPositive": { - "active": "var(--vkui--search_color_text_link_positive--active, #282B2F)", - "hover": "var(--vkui--search_color_text_link_positive--hover, #2A2C2F)", - "normal": "var(--vkui--search_color_text_link_positive, #2C2D2E)", - }, - "searchColorTextLinkPositiveTint": { - "active": "var(--vkui--search_color_text_link_positive_tint--active, #629D62)", - "hover": "var(--vkui--search_color_text_link_positive_tint--hover, #66A363)", - "normal": "var(--vkui--search_color_text_link_positive_tint, #6AA965)", - }, - "searchFontForAdvertisingBold": { - "compact": { - "fontFamily": "var(--vkui--search_font_for_advertising_bold--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_for_advertising_bold--font_size--compact, 17px)", - "fontWeight": "var(--vkui--search_font_for_advertising_bold--font_weight--compact, 700)", - "lineHeight": "var(--vkui--search_font_for_advertising_bold--line_height--compact, 24px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_for_advertising_bold--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_for_advertising_bold--font_size--regular, 17px)", - "fontWeight": "var(--vkui--search_font_for_advertising_bold--font_weight--regular, 700)", - "lineHeight": "var(--vkui--search_font_for_advertising_bold--line_height--regular, 24px)", - }, - }, - "searchFontGreenURL": { - "compact": { - "fontFamily": "var(--vkui--search_font_green_u_r_l--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_green_u_r_l--font_size--compact, 14px)", - "fontWeight": "var(--vkui--search_font_green_u_r_l--font_weight--compact, 400)", - "lineHeight": "var(--vkui--search_font_green_u_r_l--line_height--compact, 18px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_green_u_r_l--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_green_u_r_l--font_size--regular, 14px)", - "fontWeight": "var(--vkui--search_font_green_u_r_l--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_green_u_r_l--line_height--regular, 18px)", - }, - }, - "searchFontParagraphBold": { - "compact": { - "fontFamily": "var(--vkui--search_font_paragraph_bold--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_paragraph_bold--font_size--compact, 15px)", - "fontWeight": "var(--vkui--search_font_paragraph_bold--font_weight--compact, 500)", - "lineHeight": "var(--vkui--search_font_paragraph_bold--line_height--compact, 20px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_paragraph_bold--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_paragraph_bold--font_size--regular, 15px)", - "fontWeight": "var(--vkui--search_font_paragraph_bold--font_weight--regular, 500)", - "lineHeight": "var(--vkui--search_font_paragraph_bold--line_height--regular, 20px)", - }, - }, - "searchFontSearchBigText": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_big_text--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_big_text--font_size--compact, 16px)", - "fontWeight": "var(--vkui--search_font_search_big_text--font_weight--compact, 400)", - "lineHeight": "var(--vkui--search_font_search_big_text--line_height--compact, 20px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_big_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_big_text--font_size--regular, 16px)", - "fontWeight": "var(--vkui--search_font_search_big_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_big_text--line_height--regular, 20px)", - }, - }, - "searchFontSearchBigTextBold": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_big_text_bold--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_big_text_bold--font_size--compact, 16px)", - "fontWeight": "var(--vkui--search_font_search_big_text_bold--font_weight--compact, 700)", - "lineHeight": "var(--vkui--search_font_search_big_text_bold--line_height--compact, 20px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_big_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_big_text_bold--font_size--regular, 16px)", - "fontWeight": "var(--vkui--search_font_search_big_text_bold--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_big_text_bold--line_height--regular, 20px)", - }, - }, - "searchFontSearchCaption1Bold": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_caption1_bold--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_caption1_bold--font_size--compact, 12px)", - "fontWeight": "var(--vkui--search_font_search_caption1_bold--font_weight--compact, 700)", - "lineHeight": "var(--vkui--search_font_search_caption1_bold--line_height--compact, 16px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_caption1_bold--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_caption1_bold--font_size--regular, 12px)", - "fontWeight": "var(--vkui--search_font_search_caption1_bold--font_weight--regular, 700)", - "lineHeight": "var(--vkui--search_font_search_caption1_bold--line_height--regular, 16px)", - }, - }, - "searchFontSearchCaption1MailSans": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_caption1_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_caption1_mail_sans--font_size--compact, 12px)", - "fontWeight": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--compact, 400)", - "lineHeight": "var(--vkui--search_font_search_caption1_mail_sans--line_height--compact, 16px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_caption1_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_caption1_mail_sans--font_size--regular, 12px)", - "fontWeight": "var(--vkui--search_font_search_caption1_mail_sans--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_caption1_mail_sans--line_height--regular, 16px)", - }, - }, - "searchFontSearchCaption2MailSans": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_caption2_mail_sans--font_family--compact, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_caption2_mail_sans--font_size--compact, 11px)", - "fontWeight": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--compact, 400)", - "lineHeight": "var(--vkui--search_font_search_caption2_mail_sans--line_height--compact, 14px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_caption2_mail_sans--font_family--regular, MailSans, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_caption2_mail_sans--font_size--regular, 11px)", - "fontWeight": "var(--vkui--search_font_search_caption2_mail_sans--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_caption2_mail_sans--line_height--regular, 14px)", - }, - }, - "searchFontSearchExtraHeadline": { - "regular": { - "fontFamily": "var(--vkui--search_font_search_extra_headline--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_extra_headline--font_size--regular, 24px)", - "fontWeight": "var(--vkui--search_font_search_extra_headline--font_weight--regular, 700)", - "lineHeight": "var(--vkui--search_font_search_extra_headline--line_height--regular, 28px)", - }, - }, - "searchFontSearchFootnoteBold": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_footnote_bold--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_footnote_bold--font_size--compact, 13px)", - "fontWeight": "var(--vkui--search_font_search_footnote_bold--font_weight--compact, 700)", - "lineHeight": "var(--vkui--search_font_search_footnote_bold--line_height--compact, 18px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_footnote_bold--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_footnote_bold--font_size--regular, 13px)", - "fontWeight": "var(--vkui--search_font_search_footnote_bold--font_weight--regular, 700)", - "lineHeight": "var(--vkui--search_font_search_footnote_bold--line_height--regular, 18px)", - }, - }, - "searchFontSearchFootnoteMailSans": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_footnote_mail_sans--font_family--compact, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_footnote_mail_sans--font_size--compact, 13px)", - "fontWeight": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--compact, 500)", - "lineHeight": "var(--vkui--search_font_search_footnote_mail_sans--line_height--compact, 18px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_footnote_mail_sans--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_footnote_mail_sans--font_size--regular, 13px)", - "fontWeight": "var(--vkui--search_font_search_footnote_mail_sans--font_weight--regular, 500)", - "lineHeight": "var(--vkui--search_font_search_footnote_mail_sans--line_height--regular, 18px)", - }, - }, - "searchFontSearchHeadline2": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_headline2--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_headline2--font_size--compact, 14px)", - "fontWeight": "var(--vkui--search_font_search_headline2--font_weight--compact, 400)", - "lineHeight": "var(--vkui--search_font_search_headline2--line_height--compact, 20px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_headline2--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_headline2--font_size--regular, 15px)", - "fontWeight": "var(--vkui--search_font_search_headline2--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_headline2--line_height--regular, 20px)", - }, - }, - "searchFontSearchSubheadBold": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_subhead_bold--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_subhead_bold--font_size--compact, 14px)", - "fontWeight": "var(--vkui--search_font_search_subhead_bold--font_weight--compact, 700)", - "lineHeight": "var(--vkui--search_font_search_subhead_bold--line_height--compact, 18px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_subhead_bold--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_subhead_bold--font_size--regular, 14px)", - "fontWeight": "var(--vkui--search_font_search_subhead_bold--font_weight--regular, 700)", - "lineHeight": "var(--vkui--search_font_search_subhead_bold--line_height--regular, 18px)", - }, - }, - "searchFontSearchTextBold": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_text_bold--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_text_bold--font_size--compact, 15px)", - "fontWeight": "var(--vkui--search_font_search_text_bold--font_weight--compact, 700)", - "lineHeight": "var(--vkui--search_font_search_text_bold--line_height--compact, 20px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_text_bold--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_text_bold--font_size--regular, 16px)", - "fontWeight": "var(--vkui--search_font_search_text_bold--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_text_bold--line_height--regular, 20px)", - }, - }, - "searchFontSearchTextMailSans": { - "compact": { - "fontFamily": "var(--vkui--search_font_search_text_mail_sans--font_family--compact, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_text_mail_sans--font_size--compact, 15px)", - "fontWeight": "var(--vkui--search_font_search_text_mail_sans--font_weight--compact, 400)", - "lineHeight": "var(--vkui--search_font_search_text_mail_sans--line_height--compact, 20px)", - }, - "regular": { - "fontFamily": "var(--vkui--search_font_search_text_mail_sans--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_text_mail_sans--font_size--regular, 16px)", - "fontWeight": "var(--vkui--search_font_search_text_mail_sans--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_text_mail_sans--line_height--regular, 20px)", - }, - }, - "searchFontSearchTitle4": { - "regular": { - "fontFamily": "var(--vkui--search_font_search_title4--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_title4--font_size--regular, 18px)", - "fontWeight": "var(--vkui--search_font_search_title4--font_weight--regular, 400)", - "lineHeight": "var(--vkui--search_font_search_title4--line_height--regular, 24px)", - }, - }, - "searchFontSearchTitle4Bold": { - "regular": { - "fontFamily": "var(--vkui--search_font_search_title4_bold--font_family--regular, Arial, sans-serif)", - "fontSize": "var(--vkui--search_font_search_title4_bold--font_size--regular, 18px)", - "fontWeight": "var(--vkui--search_font_search_title4_bold--font_weight--regular, 700)", - "lineHeight": "var(--vkui--search_font_search_title4_bold--line_height--regular, 24px)", - }, - }, "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", - }, "sizeArrowPadding": { "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", - }, - "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", - }, "sizeAvatarL": { "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, @@ -304987,14 +340759,6 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "sizeBadgeXS": { "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "sizeBase": "var(--vkui--size_base, 4px)", - "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", - }, - "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", - }, "sizeBasePaddingHorizontal": { "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, @@ -305022,35 +340786,20 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusRounded": { "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, - "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", - }, - "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", - }, - "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", - }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", @@ -305064,40 +340813,20 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, - "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", - }, - "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", - }, - "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "regular": "var(--vkui--size_button_small_height--regular, 28px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -305118,10 +340847,10 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", @@ -305132,93 +340861,22 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "sizeCheckbox": { "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", - }, - "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", - }, - "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", - }, - "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", - }, - "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", - }, - "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", - }, "sizeFieldHeight": { "compact": "var(--vkui--size_field_height--compact, 36px)", "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", - }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", - }, - "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", - }, - "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", - "regular": "var(--vkui--size_field_width_min--regular, 328px)", - }, "sizeFormItemPaddingVertical": { "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", - "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", - }, - "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 8px)", - "regular": "var(--vkui--size_icon_margin--regular, 12px)", - }, - "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", - }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", - }, - "sizeIllustrationM": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", - }, - "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", - }, - "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", - }, - "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, "sizeLabelHorizontalMargin": { "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", - }, - "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", - }, - "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", - }, - "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", - }, "sizeOptionHierarchy": { "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, @@ -305227,51 +340885,33 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", - "regular": "var(--vkui--size_popup_margin--regular, 8px)", - }, "sizePopupMedium": { "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", - }, - "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", - }, - "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", - }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", - }, - "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", - }, - "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, "sizeSubnavigationBarGap": { "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", @@ -305291,136 +340931,258 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "compact": "var(--vkui--size_switch_width--compact, 32px)", "regular": "var(--vkui--size_switch_width--regular, 34px)", }, - "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, tutoria)", + "themeNameBase": "var(--vkui--theme_name_base, tutoria)", + "themeType": "pixelify", + "tutoriaColorBackgroundAccentTint": { + "active": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", + "hover": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", + "normal": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", }, - "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "tutoriaColorBackgroundContentInverse": { + "active": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", + "hover": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", + "normal": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", }, - "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "tutoriaColorBackgroundInfo": { + "active": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", + "hover": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", + "normal": "var(--vkui--tutoria_color_background_info, #008DF2)", }, - "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "tutoriaColorBackgroundInfoTint": { + "active": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", + "hover": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", + "normal": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", }, - "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "tutoriaColorBackgroundNegativeTint": { + "active": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", + "hover": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", + "normal": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", }, - "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "tutoriaColorBackgroundNeutral": { + "active": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", + "hover": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", + "normal": "var(--vkui--tutoria_color_background_neutral, #939FAD)", + }, + "tutoriaColorBackgroundOverlayAlpha": { + "active": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", + "hover": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", + "normal": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", + }, + "tutoriaColorBackgroundPositiveTint": { + "active": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", + "hover": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", + "normal": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", + }, + "tutoriaColorBackgroundPrimary": { + "active": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", + "hover": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", + "normal": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", + }, + "tutoriaColorBackgroundWarning": { + "active": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", + "hover": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", + "normal": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", + }, + "tutoriaColorBackgroundWarningTint": { + "active": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", + "hover": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", + "normal": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", + }, + "tutoriaColorCardBoxShadowAlpha": { + "active": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", + "hover": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", + "normal": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", + }, + "tutoriaColorIconInfo": { + "active": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_icon_info, #008DF2)", + }, + "tutoriaColorIconLink": { + "active": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_icon_link, #008DF2)", + }, + "tutoriaColorIconWarning": { + "active": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", + "hover": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", + "normal": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", + }, + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", + "hover": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", + "normal": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", + }, + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", + "hover": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", + "normal": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", + }, + "tutoriaColorStrokeAccentTint": { + "active": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", + "hover": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", + "normal": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", + }, + "tutoriaColorStrokeInfo": { + "active": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_stroke_info, #008DF2)", + }, + "tutoriaColorStrokeInfoTint": { + "active": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", + "hover": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", + "normal": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", + }, + "tutoriaColorStrokeNegativeTint": { + "active": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", + "hover": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", + "normal": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", + }, + "tutoriaColorStrokePositiveTint": { + "active": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", + "hover": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", + "normal": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", + }, + "tutoriaColorStrokePrimary": { + "active": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", + "hover": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", + "normal": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", + }, + "tutoriaColorStrokeSecondary": { + "active": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", + "hover": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", + "normal": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", + }, + "tutoriaColorStrokeTertiary": { + "active": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", + "hover": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", + "normal": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", + }, + "tutoriaColorStrokeWarning": { + "active": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", + "hover": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", + "normal": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", + }, + "tutoriaColorStrokeWarningTint": { + "active": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", + "hover": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", + "normal": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", + }, + "tutoriaColorTextInfo": { + "active": "var(--vkui--tutoria_color_text_info--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_text_info, #008DF2)", + }, + "tutoriaColorTextWarning": { + "active": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", + "hover": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", + "normal": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", + }, + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", + }, + }, + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", + }, + }, + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", + "fontWeight": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", + }, + }, + "tutoriaLayoutMaxWidth": { + "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + }, + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", }, - "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", }, - "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "tutoriaSizePaddingCard": { + "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", + "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, search)", - "themeNameBase": "var(--vkui--theme_name_base, search)", - "themeType": "pixelify", - "toneValueActive": "var(--vkui--tone_value_active, 0.08)", - "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", - "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", - "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", - "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", - "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", - "typeBorderButton": "var(--vkui--type_border_button, solid)", - "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", - "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", - "x0": "var(--vkui--x0, 0px)", - "x025": "var(--vkui--x025, 1px)", - "x05": "var(--vkui--x05, 2px)", - "x1": "var(--vkui--x1, 4px)", - "x10": "var(--vkui--x10, 40px)", - "x12": "var(--vkui--x12, 48px)", - "x15": "var(--vkui--x15, 60px)", - "x2": "var(--vkui--x2, 8px)", - "x20": "var(--vkui--x20, 80px)", - "x3": "var(--vkui--x3, 12px)", - "x4": "var(--vkui--x4, 16px)", - "x5": "var(--vkui--x5, 20px)", - "x6": "var(--vkui--x6, 24px)", - "x8": "var(--vkui--x8, 32px)", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots search theme should match root theme snapshot 1`] = ` +exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", "hover": "#E65944", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { "active": "#E5A84E", @@ -305428,44 +341190,44 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#E03FAB", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -305473,69 +341235,54 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#66ADFF", + "hover": "#3392FF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", "hover": "#5698F7", "normal": "#5a9eff", }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, - "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", - }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#E9ECEF", + "hover": "#F4F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#E9ECEF", + "hover": "#F4F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -305543,9 +341290,9 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { "active": "#EBECEF", @@ -305553,154 +341300,94 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#FFB3B5", + "hover": "#FF666B", + "normal": "#FF4046", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", - }, - "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#66E394", + "hover": "#34DA71", + "normal": "#02D14E", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#E9ECEF", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", - }, - "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", - }, - "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, - "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", - }, - "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", - }, - "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, - "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, - "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -305710,92 +341397,92 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "colorIconContrastSecondary": { "active": "#DFE1E6", "hover": "#E8EAEE", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -305803,69 +341490,64 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#E0E3E8", + "hover": "#EAECF0", + "normal": "#F4F5F7", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -305873,29 +341555,29 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -305905,122 +341587,77 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#004EB1", - "hover": "#0050B6", - "normal": "#0053BB", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", "hover": "#6CA4E4", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#34383E", - "hover": "#37393E", - "normal": "#393B3E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", - }, - "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", - }, - "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -306028,557 +341665,263 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", "hover": "#D8DBDF", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorsScheme": "light", - "elevation1": "0px 4px 12px rgba(0, 16, 61, 0.05)", - "elevation1Hover": "0px 6px 16px rgba(0, 16, 61, 0.09)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0px 6px 20px rgba(0, 16, 61, 0.07)", - "elevation2Hover": "0px 10px 24px rgba(0, 16, 61, 0.11)", - "elevation3": "0px 4px 20px rgba(0, 0, 0, 0.13)", - "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", - "elevationButtons": "0px 6px 20px rgba(0, 16, 61, 0.1)", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, - }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, - "textTransform": "uppercase", - }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": 14, - "textTransform": "uppercase", - }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, - }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": 12, - "textTransform": "uppercase", - }, - }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, - "fontWeight": 500, - "lineHeight": 28, - }, - }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "lineHeight": 22, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, - "fontWeight": 500, - "lineHeight": 26, - }, - }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "lineHeight": 24, - }, - }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, - }, - }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", - "fontFootnote": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 18, - }, - }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, - "textTransform": "uppercase", - }, - }, - "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, - }, - }, - "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, - }, - }, - "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, - }, - }, - "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, - }, - }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "fontTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, - }, - }, - "fontTitle2": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, - }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, - }, - }, - "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, - "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", - "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "searchCardBackground": "linear-gradient(0deg, #2C2D2E 0%, #2C2D2E 6.25%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.973633) 18.75%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.87793) 31.25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.665039) 43.75%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.334961) 56.25%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.12207) 68.75%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0263672) 81.25%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0.000976562) 93.75%, rgba(44, 45, 46, 0) 100%)", - "searchCardWithTextBackground": "linear-gradient(0deg, #2C2D2E 0%, rgba(44, 45, 46, 0.992188) 12.5%, rgba(44, 45, 46, 0.9375) 25%, rgba(44, 45, 46, 0.789062) 37.5%, rgba(44, 45, 46, 0.5) 50%, rgba(44, 45, 46, 0.210938) 62.5%, rgba(44, 45, 46, 0.0625) 75%, rgba(44, 45, 46, 0.0078125) 87.5%, rgba(44, 45, 46, 0) 100%)", - "searchColorBackgroundAccentTint": { - "active": "#E0E5EE", - "hover": "#E9EEF5", - "normal": "#F3F7FD", - }, - "searchColorBackgroundOrangeAccentActive": { - "active": "#E18D05", - "hover": "#EB9302", - "normal": "#F59800", - }, - "searchColorBackgroundOrangeAccentHover": { - "active": "#EBA940", - "hover": "#F5AF40", - "normal": "#FFB640", - }, - "searchColorTextLinkAlternativeHover": { - "active": "#DE641A", - "hover": "#E76719", - "normal": "#F16B17", - }, - "searchColorTextLinkPositive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "searchColorTextLinkPositiveTint": { - "active": "#629D62", - "hover": "#66A363", - "normal": "#6AA965", - }, - "searchFontForAdvertisingBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": 24, - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": 24, - }, - }, - "searchFontGreenURL": { "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, - "lineHeight": 18, + "lineHeight": 16, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, - }, - }, - "searchFontParagraphBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, "fontWeight": 500, - "lineHeight": 20, + "lineHeight": 16, }, + }, + "fontCaption1Caps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, }, - "searchFontSearchBigText": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, + "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": 14, }, }, - "searchFontSearchBigTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": 20, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, + }, + "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": 12, }, }, - "searchFontSearchCaption1Bold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 700, - "lineHeight": 16, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", }, + }, + "fontDisplayTitle1": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 700, - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, }, }, - "searchFontSearchCaption1MailSans": { + "fontDisplayTitle2": { "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, - "searchFontSearchCaption2MailSans": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, - }, + "fontDisplayTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, }, - "searchFontSearchExtraHeadline": { + "fontDisplayTitle4": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": 28, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "searchFontSearchFootnoteBold": { + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { "compact": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 13, - "fontWeight": 700, - "lineHeight": 18, + "fontWeight": 400, + "lineHeight": 16, }, "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 13, - "fontWeight": 700, - "lineHeight": 18, + "fontWeight": 500, + "lineHeight": 16, }, }, - "searchFontSearchFootnoteMailSans": { - "compact": { - "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, - "fontWeight": 500, - "lineHeight": 18, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, + }, + "fontHeadline": { "regular": { - "fontFamily": "MailSans, Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": 18, + "lineHeight": 24, }, }, - "searchFontSearchHeadline2": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 20, + "fontHeadline1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 24, }, + }, + "fontHeadline2": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 15, - "fontWeight": 400, + "fontWeight": 500, "lineHeight": 20, }, }, - "searchFontSearchSubheadBold": { - "compact": { - "fontFamily": "Arial, sans-serif", + "fontParagraph": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 14, - "fontWeight": 700, + "fontWeight": 400, "lineHeight": 18, }, + }, + "fontSubhead": { "regular": { - "fontFamily": "Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 14, - "fontWeight": 700, + "fontWeight": 500, "lineHeight": 18, }, }, - "searchFontSearchTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 700, - "lineHeight": 20, - }, + "fontText": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": 24, }, }, - "searchFontSearchTextMailSans": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "fontTitle1": { + "largeX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 600, + "lineHeight": 36, + }, + "largeXX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 40, + "fontWeight": 600, + "lineHeight": 44, }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, - "searchFontSearchTitle4": { + "fontTitle2": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 18, - "fontWeight": 400, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 600, "lineHeight": 24, }, }, - "searchFontSearchTitle4Bold": { + "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 18, - "fontWeight": 700, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, "lineHeight": 24, }, }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": 8, }, - "sizeArrowHeight": { - "regular": 8, - }, "sizeArrowPadding": { "regular": 12, }, "sizeArrowPromo": { "regular": 40, }, - "sizeArrowWidth": { - "regular": 12, - }, - "sizeAttributeMargin": { - "regular": 4, - }, "sizeAvatarL": { "regular": 96, }, @@ -306609,14 +341952,6 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "sizeBadgeXS": { "regular": 12, }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, - }, - "sizeBasePadding": { - "compact": 20, - "regular": 16, - }, "sizeBasePaddingHorizontal": { "regular": 16, }, @@ -306644,35 +341979,20 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": 48, }, - "sizeBorderWidthAccent": { - "regular": 8, - }, - "sizeBorderWidthAccentSecondary": { - "regular": 8, - }, - "sizeBorderWidthBar": { - "regular": 4, - }, - "sizeBorderWidthTab": { - "regular": 2, - }, - "sizeBulletMargin": { - "regular": 12, - }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "regular": 10, }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "regular": 8, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "regular": 6, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, @@ -306686,40 +342006,20 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": 1, }, - "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, - }, "sizeButtonLargeHeight": { - "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonMorePadding": { - "regular": 8, + "regular": 101, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, - }, - "sizeButtonSliderHeight": { - "regular": 24, - }, - "sizeButtonSliderWidth": { "regular": 12, }, - "sizeButtonSliderWidthPointer": { - "regular": 16, - }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 28, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -306740,10 +342040,10 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 16, + "regular": 8, }, "sizeCardgridPadding": { - "regular": 12, + "regular": 8, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -306754,93 +342054,22 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "sizeCheckbox": { "regular": 16, }, - "sizeChoiceMargin": { - "regular": 8, - }, - "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, - }, - "sizeDivPadding": { - "regular": 4, - }, - "sizeDotBullet": { - "regular": 4, - }, - "sizeDotClickable": { - "regular": 12, - }, - "sizeDotIndicate": { - "regular": 8, - }, "sizeFieldHeight": { "compact": 36, "regular": 44, }, - "sizeFieldHorizontalMargin": { - "regular": 20, - }, "sizeFieldHorizontalPadding": { "regular": 12, }, - "sizeFieldSetMargin": { - "regular": 32, - }, - "sizeFieldVerticalMargin": { - "regular": 24, - }, - "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, - }, "sizeFormItemPaddingVertical": { "regular": 12, }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, - }, - "sizeIconMargin": { - "compact": 8, - "regular": 12, - }, - "sizeIconMorePadding": { - "compact": 8, - "regular": 12, - }, "sizeIconUI": { "regular": 16, }, - "sizeIllustrationL": { - "regular": 144, - }, - "sizeIllustrationM": { - "regular": 96, - }, - "sizeIllustrationS": { - "regular": 48, - }, - "sizeIllustrationXM": { - "regular": 72, - }, - "sizeIllustrationXXL": { - "regular": 228, - }, "sizeLabelHorizontalMargin": { "regular": 16, }, - "sizeLabelVerticalMargin": { - "regular": 4, - }, - "sizeLabelWidth": { - "regular": 184, - }, - "sizeMenuMargin": { - "regular": 2, - }, - "sizeMenuPadding": { - "regular": 8, - }, "sizeOptionHierarchy": { "regular": 32, }, @@ -306849,51 +342078,33 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "regular": 56, }, "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "compact": 16, + "regular": 24, }, "sizePopupLarge": { "regular": 880, }, - "sizePopupMargin": { - "compact": 24, - "regular": 8, - }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, - "sizeProgress": { - "regular": 4, - }, - "sizeProgressScroll": { - "regular": 12, - }, - "sizePromoButtonClose": { - "regular": 32, - }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, - }, - "sizeSliceBottomPadding": { - "regular": 60, - }, - "sizeSliceTopPadding": { - "regular": 40, + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "compact": 16, + "regular": 24, }, "sizeSubnavigationBarGap": { "regular": 8, @@ -306913,36 +342124,9 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "compact": 32, "regular": 34, }, - "sizeTabMargin": { - "regular": 8, - }, - "sizeTabPadding": { - "regular": 16, - }, - "sizeTableHorizontalPadding": { - "regular": 16, - }, - "sizeTableVerticalPadding": { - "regular": 16, - }, - "sizeTagMargin": { - "regular": 8, - }, - "sizeTagPadding": { - "regular": 8, - }, - "sizeTipMargin": { - "regular": 4, - }, "sizeTooltipMargin": { "regular": 8, }, - "sizeVerticalPadding": { - "regular": 0, - }, - "sizeWysiwygIcon": { - "regular": 14, - }, "spacingSize2Xl": 16, "spacingSize2Xs": 2, "spacingSize3Xl": 20, @@ -306953,41 +342137,200 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "search", - "themeNameBase": "search", + "themeName": "tutoria", + "themeNameBase": "tutoria", "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": 0, - "x025": 1, - "x05": 2, - "x1": 4, - "x10": 40, - "x12": 48, - "x15": 60, - "x2": 8, - "x20": 80, - "x3": 12, - "x4": 16, - "x5": 20, - "x6": 24, - "x8": 32, + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", + }, + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", + }, + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", + }, + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", + }, + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", + }, + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", + }, + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", + }, + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", + }, + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", + }, + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", + }, + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", + }, + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", + }, + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", + }, + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", + }, + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", + }, + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", + }, + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", + }, + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", + }, + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", + }, + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", + }, + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", + }, + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", + }, + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 20, + }, + }, + "tutoriaLayoutMaxWidth": { + "regular": 1224, + }, + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": 8, + }, + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": 10, + }, + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": 12, + }, + "tutoriaSizePaddingCard": { + "compact": 16, + "regular": 24, + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots todo theme should match cssVars snapshot 1`] = ` +exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -307007,17 +342350,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - }, - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -307036,85 +342369,85 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #689EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -307128,133 +342461,133 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", }, }, "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "value": "var(--vkui--color_accent_orange_peach--active, #EBB25F)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "value": "var(--vkui--color_accent_orange_peach--hover, #F5B961)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", }, }, "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #8D7CEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #9380F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #DD5AB6)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #E65DBB)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, }, "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", }, }, "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", + "value": "var(--vkui--color_accent_violet--active, #9B4AEF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "value": "var(--vkui--color_accent_violet--hover, #A24CF7)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #689EDD)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", }, "hover": { "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -307274,71 +342607,71 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", + "value": "var(--vkui--color_background--active, #090A0E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", + "value": "var(--vkui--color_background--hover, #0A0A0C)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #4B93E5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #4F98ED)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "value": "var(--vkui--color_background_accent_alternative--active, #4B93E5)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "value": "var(--vkui--color_background_accent_alternative--hover, #4F98ED)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #ffffff)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -307355,60 +342688,18 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, - "colorBackgroundAccentTintAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", - }, - }, - "colorBackgroundAccentTintThemed": { - "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", - }, - }, - "colorBackgroundAccentTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - }, - "hover": { - "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - }, - "normal": { - "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", - }, - }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContrast": { @@ -307417,502 +342708,334 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, - }, - "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", - }, - }, - "colorBackgroundContrastSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", - }, - }, - "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", - }, - }, - "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", - }, - }, - "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", - }, - }, - "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", - }, - }, - "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", - }, - }, - "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", - }, - }, - "colorBackgroundNegativeTintAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", - }, - }, - "colorBackgroundNegativeTintThemed": { - "active": { - "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", - }, - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": { - "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", - }, - }, - "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #0CB465)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #ffffff)", }, }, - "colorBackgroundPositiveTint": { + "colorBackgroundContrastInverse": { "active": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", }, "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, - "colorBackgroundPositiveTintAlpha": { + "colorBackgroundContrastSecondaryAlpha": { "active": { - "name": "--vkui--color_background_positive_tint_alpha--active", - "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { - "name": "--vkui--color_background_positive_tint_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { - "name": "--vkui--color_background_positive_tint_alpha", - "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, - "colorBackgroundPositiveTintThemed": { + "colorBackgroundContrastThemed": { "active": { - "name": "--vkui--color_background_positive_tint_themed--active", - "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #2E2F33)", }, "hover": { - "name": "--vkui--color_background_positive_tint_themed--hover", - "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #303132)", }, "normal": { - "name": "--vkui--color_background_positive_tint_themed", - "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", }, }, - "colorBackgroundPositiveTintThemedAlpha": { + "colorBackgroundInfoTint": { "active": { - "name": "--vkui--color_background_positive_tint_themed_alpha--active", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #1A3652)", }, "hover": { - "name": "--vkui--color_background_positive_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #1B3753)", }, "normal": { - "name": "--vkui--color_background_positive_tint_themed_alpha", - "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, - "colorBackgroundSecondary": { + "colorBackgroundModal": { "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #1A1C20)", }, "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #1B1C1F)", }, "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, - "colorBackgroundSecondaryAlpha": { + "colorBackgroundModalInverse": { "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, - "colorBackgroundTertiary": { + "colorBackgroundNegative": { "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #EB565A)", }, "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #F5595B)", }, "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, - "colorBackgroundTertiaryAlpha": { + "colorBackgroundNegativeTint": { "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", }, "hover": { - "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", }, "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, - "colorBackgroundWarning": { + "colorBackgroundPositive": { "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBDFA4)", + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, - "colorBackgroundWarningTint": { + "colorBackgroundPositiveTint": { "active": { - "name": "--vkui--color_background_warning_tint--active", - "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", }, "hover": { - "name": "--vkui--color_background_warning_tint--hover", - "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", }, "normal": { - "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #fffce0)", + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, - "colorBackgroundWarningTintAlpha": { + "colorBackgroundSecondary": { "active": { - "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #202126)", }, "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #222225)", }, "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, - "colorBackgroundWarningTintThemed": { + "colorBackgroundSecondaryAlpha": { "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { - "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { - "name": "--vkui--color_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, }, - "colorBackgroundWarningTintThemedAlpha": { + "colorBackgroundTertiary": { "active": { - "name": "--vkui--color_background_warning_tint_themed_alpha--active", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #1D1F23)", }, "hover": { - "name": "--vkui--color_background_warning_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #1F1F22)", }, "normal": { - "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, - "colorButtonContrast": { + "colorBackgroundTertiaryAlpha": { "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", }, "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", }, "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, }, - "colorButtonContrastAlpha": { + "colorBackgroundWarning": { "active": { - "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #413018)", }, "hover": { - "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #443217)", }, "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #EBECEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #ffffff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #EBECEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #ffffff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #EBECEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #ffffff)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", + "value": "var(--vkui--color_field_background--active, #202126)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + "value": "var(--vkui--color_field_background--hover, #222225)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ffffff)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", + "value": "var(--vkui--color_header_background--active, #17181D)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #18191B)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #4B93E5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #4F98ED)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #ffffff)", }, }, "colorIconContrast": { @@ -307926,7 +343049,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #ffffff)", }, }, "colorIconContrastSecondary": { @@ -307940,91 +343063,91 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, }, "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast_themed--active, #000105)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #000102)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", + "value": "var(--vkui--color_icon_medium--active, #A2A4AC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "value": "var(--vkui--color_icon_medium--hover, #A9ABB1)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", + "value": "var(--vkui--color_icon_medium, #b0b1b6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #EB565A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #F5595B)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", + "value": "var(--vkui--color_icon_primary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "colorIconPrimaryInvariably": { @@ -308038,119 +343161,119 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + "value": "var(--vkui--color_icon_secondary--active, #6D7075)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "value": "var(--vkui--color_icon_secondary--hover, #717478)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "value": "var(--vkui--color_icon_secondary, #76787a)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "value": "var(--vkui--color_icon_tertiary--active, #56595E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "value": "var(--vkui--color_icon_tertiary--hover, #595C60)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EB9305)", + "value": "var(--vkui--color_icon_warning--active, #DAA353)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", + "value": "var(--vkui--color_icon_warning--hover, #E4AA54)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "value": "var(--vkui--color_icon_warning, #EDB055)", }, }, "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "value": "var(--vkui--color_image_placeholder--active, #27292D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "value": "var(--vkui--color_image_placeholder--hover, #282A2D)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "colorLinkContrast": { @@ -308164,7 +343287,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -308178,203 +343301,189 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "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))", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #689EDD)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", - }, - }, - "colorRating": { - "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", - }, - "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", - }, - "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "value": "var(--vkui--color_search_field_background--active, #323438)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "value": "var(--vkui--color_search_field_background--hover, #343538)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + "value": "var(--vkui--color_segmented_control--active, #5A5C61)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "value": "var(--vkui--color_segmented_control--hover, #5E6062)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "value": "var(--vkui--color_segmented_control, #626364)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "value": "var(--vkui--color_separator_primary--active, #323438)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "value": "var(--vkui--color_separator_primary--hover, #343538)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "value": "var(--vkui--color_separator_primary2x--active, #3F4145)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "value": "var(--vkui--color_separator_primary2x--hover, #414346)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "value": "var(--vkui--color_separator_primary3x--active, #4A4D51)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "value": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "value": "var(--vkui--color_separator_primary3x, #505253)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "value": "var(--vkui--color_separator_secondary--active, #121418)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "value": "var(--vkui--color_separator_secondary--hover, #131417)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "value": "var(--vkui--color_skeleton_from--active, #202126)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "value": "var(--vkui--color_skeleton_from--hover, #222225)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "value": "var(--vkui--color_skeleton_to--active, #282B2F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "value": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #4B93E5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #4F98ED)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #ffffff)", }, }, "colorStrokeContrast": { @@ -308388,77 +343497,77 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "value": "var(--vkui--color_stroke_contrast, #ffffff)", }, }, "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #EB565A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #F5595B)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #6D7075)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #717478)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #4B93E5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #4F98ED)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #ffffff)", }, }, "colorTextContrast": { @@ -308472,49 +343581,49 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "value": "var(--vkui--color_text_contrast, #ffffff)", }, }, "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "value": "var(--vkui--color_text_contrast_themed--active, #000105)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #000102)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #4B93E5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #4F98ED)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #EBECEF)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #ffffff)", }, }, "colorTextLinkTint": { @@ -308528,287 +343637,161 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "value": "var(--vkui--color_text_link_visited--active, #437DC1)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #528FDF)", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2C2D2E)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #EB565A)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #F5595B)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", + "value": "var(--vkui--color_text_primary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_text_primary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + "value": "var(--vkui--color_text_secondary--active, #6D7075)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "value": "var(--vkui--color_text_secondary--hover, #717478)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "value": "var(--vkui--color_text_subhead--active, #8A8F97)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "value": "var(--vkui--color_text_subhead--hover, #90949B)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "value": "var(--vkui--color_text_tertiary--active, #56595E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "value": "var(--vkui--color_text_tertiary--hover, #595C60)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", - }, - }, - "colorThumbErrorBackgroundAlpha": { - "active": { - "name": "--vkui--color_thumb_error_background_alpha--active", - "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - }, - "hover": { - "name": "--vkui--color_thumb_error_background_alpha--hover", - "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - }, - "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", - }, - }, - "colorTooltipBackgroundBlueTint": { - "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", - }, - }, - "colorTooltipBackgroundGreenTint": { - "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", - }, - }, - "colorTooltipBackgroundOrangeTint": { - "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", - }, - }, - "colorTooltipBackgroundPurpleTint": { - "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - }, - "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - }, - "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", - }, - }, - "colorTooltipTextBlueThemed": { - "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", - }, - }, - "colorTooltipTextGreenThemed": { - "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", - }, - }, - "colorTooltipTextOrangeThemed": { - "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", - }, - }, - "colorTooltipTextPurpleThemed": { - "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - }, - "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - }, - "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "value": "var(--vkui--color_track_background--active, #3F4246)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "value": "var(--vkui--color_track_background--hover, #424447)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "value": "var(--vkui--color_track_buffer--active, #3B516E)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "value": "var(--vkui--color_track_buffer--hover, #3D5470)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -308828,57 +343811,57 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #6D7075)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #717478)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "value": "var(--vkui--color_write_bar_input_background--active, #282B2F)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "value": "var(--vkui--color_write_bar_input_background--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "value": "var(--vkui--color_write_bar_input_border--active, #282B2F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "value": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", }, "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, #2c2d2e)", }, }, "colorWriteBarInputBorderAlpha": { "active": { "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorsScheme": { @@ -308887,23 +343870,23 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", + "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 4px 32px rgba(0, 16, 61, 0.24))", + "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0,16,61, 0.48))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -308924,10 +343907,28 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_caption1--line_height)", }, }, + "compact": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--compact", + "value": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--compact", + "value": "var(--vkui--font_caption1--font_size--compact, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--compact", + "value": "var(--vkui--font_caption1--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--compact", + "value": "var(--vkui--font_caption1--line_height--compact, 16px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -308935,7 +343936,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + "value": "var(--vkui--font_caption1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", @@ -308957,10 +343958,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight", "value": "var(--vkui--font_caption1_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height", "value": "var(--vkui--font_caption1_caps--line_height)", @@ -308973,7 +343970,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -308981,15 +343978,11 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", }, "textTransform": { "name": "--vkui--font_caption1_caps--text_transform--regular", @@ -309019,7 +344012,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -309049,10 +344042,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight", "value": "var(--vkui--font_caption2_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height", "value": "var(--vkui--font_caption2_caps--line_height)", @@ -309065,7 +344054,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -309073,11 +344062,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height--regular", @@ -309111,7 +344096,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -309141,10 +344126,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight", "value": "var(--vkui--font_caption3_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height", "value": "var(--vkui--font_caption3_caps--line_height)", @@ -309157,7 +344138,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -309165,11 +344146,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height--regular", @@ -309203,7 +344180,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -309211,7 +344188,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_display_title1--line_height--regular", @@ -309241,7 +344218,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -309249,17 +344226,17 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--compact", - "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -309267,7 +344244,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--regular", @@ -309297,7 +344274,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -309305,7 +344282,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_display_title3--line_height--regular", @@ -309335,7 +344312,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -309343,21 +344320,21 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -309382,10 +344359,28 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_footnote--line_height)", }, }, + "compact": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--compact", + "value": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--compact", + "value": "var(--vkui--font_footnote--font_size--compact, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--compact", + "value": "var(--vkui--font_footnote--font_weight--compact, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--compact", + "value": "var(--vkui--font_footnote--line_height--compact, 16px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -309393,11 +344388,11 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + "value": "var(--vkui--font_footnote--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, }, @@ -309415,10 +344410,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight", "value": "var(--vkui--font_footnote_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height", "value": "var(--vkui--font_footnote_caps--line_height)", @@ -309431,7 +344422,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -309441,13 +344432,9 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight--regular", "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", }, "textTransform": { "name": "--vkui--font_footnote_caps--text_transform--regular", @@ -309455,150 +344442,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, }, }, - "fontH0": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h0--font_size--compact", - "value": "var(--vkui--font_h0--font_size--compact, 44px)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--compact", - "value": "var(--vkui--font_h0--line_height--compact, 52px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 32px)", - }, - }, - }, - "fontH1": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 32px)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 36px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 28px)", - }, - }, - }, - "fontH2": { - "auto": { - "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", - }, - }, - "compact": { - "fontSize": { - "name": "--vkui--font_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 28px)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 32px)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 500)", - }, - "lineHeight": { - "name": "--vkui--font_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 26px)", - }, - }, - }, "fontHeadline": { "auto": { "fontFamily": { @@ -309618,20 +344461,10 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline--line_height)", }, }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -309643,7 +344476,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 20px)", + "value": "var(--vkui--font_headline--line_height--regular, 24px)", }, }, }, @@ -309666,20 +344499,10 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline1--line_height)", }, }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -309691,7 +344514,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + "value": "var(--vkui--font_headline1--line_height--regular, 24px)", }, }, }, @@ -309714,20 +344537,10 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline2--line_height)", }, }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", - }, - "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -309765,11 +344578,11 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", }, "fontWeight": { "name": "--vkui--font_paragraph--font_weight--regular", @@ -309777,7 +344590,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "value": "var(--vkui--font_paragraph--line_height--regular, 18px)", }, }, }, @@ -309800,20 +344613,10 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_subhead--line_height)", }, }, - "compact": { - "fontSize": { - "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -309821,7 +344624,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + "value": "var(--vkui--font_subhead--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--regular", @@ -309848,20 +344651,10 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_text--line_height)", }, }, - "compact": { - "fontSize": { - "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -309873,7 +344666,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 20px)", + "value": "var(--vkui--font_text--line_height--regular, 24px)", }, }, }, @@ -309896,10 +344689,46 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_title1--line_height)", }, }, + "largeX": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--large_x", + "value": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--large_x", + "value": "var(--vkui--font_title1--font_size--large_x, 32px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--large_x", + "value": "var(--vkui--font_title1--font_weight--large_x, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--large_x", + "value": "var(--vkui--font_title1--line_height--large_x, 36px)", + }, + }, + "largeXX": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--large_x_x", + "value": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--large_x_x", + "value": "var(--vkui--font_title1--font_size--large_x_x, 40px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--large_x_x", + "value": "var(--vkui--font_title1--font_weight--large_x_x, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--large_x_x", + "value": "var(--vkui--font_title1--line_height--large_x_x, 44px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -309907,7 +344736,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 500)", + "value": "var(--vkui--font_title1--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_title1--line_height--regular", @@ -309937,7 +344766,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -309945,11 +344774,11 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 500)", + "value": "var(--vkui--font_title2--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 26px)", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, }, @@ -309972,28 +344801,46 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_title3--line_height)", }, }, + "compact": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--compact", + "value": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--compact", + "value": "var(--vkui--font_title3--font_size--compact, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--compact", + "value": "var(--vkui--font_title3--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--compact", + "value": "var(--vkui--font_title3--line_height--compact, 24px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 17px)", + "value": "var(--vkui--font_title3--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 500)", + "value": "var(--vkui--font_title3--font_weight--regular, 600)", }, "lineHeight": { "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", + "value": "var(--vkui--font_title3--line_height--regular, 24px)", }, }, }, "fontWeightAccent1": { "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", + "value": "var(--vkui--font_weight_accent1, 600)", }, "fontWeightAccent2": { "name": "--vkui--font_weight_accent2", @@ -310005,11 +344852,11 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "fontWeightBase1": { "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", + "value": "var(--vkui--font_weight_base1, 600)", }, "fontWeightBase2": { "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 700)", + "value": "var(--vkui--font_weight_base2, 500)", }, "fontWeightBase3": { "name": "--vkui--font_weight_base3", @@ -310025,7 +344872,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -310033,7 +344880,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "opacityDisable": { "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", + "value": "var(--vkui--opacity_disable, 0.4)", }, "opacityDisableAccessibility": { "name": "--vkui--opacity_disable_accessibility", @@ -310049,16 +344896,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", - }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", - }, - }, "sizeArrowPadding": { "auto": { "name": "--vkui--size_arrow_padding", @@ -310079,26 +344916,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", - }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", - }, - }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", - }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", - }, - }, "sizeAvatarL": { "auto": { "name": "--vkui--size_avatar_l", @@ -310199,34 +345016,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", - }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", - }, - }, - "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", - }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", - }, - }, "sizeBasePaddingHorizontal": { "auto": { "name": "--vkui--size_base_padding_horizontal", @@ -310317,56 +345106,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", - }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", - }, - }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", - }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, - }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", - }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", - }, - }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", - }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", - }, - }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", - }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", - }, - }, "sizeButtonBaseLargePaddingHorizontal": { "auto": { "name": "--vkui--size_button_base_large_padding_horizontal", @@ -310374,7 +345113,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { @@ -310394,7 +345133,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { @@ -310414,7 +345153,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { @@ -310457,29 +345196,11 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", - }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, - }, "sizeButtonLargeHeight": { "auto": { "name": "--vkui--size_button_large_height", "value": "var(--vkui--size_button_large_height)", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", - }, "regular": { "name": "--vkui--size_button_large_height--regular", "value": "var(--vkui--size_button_large_height--regular, 44px)", @@ -310490,10 +345211,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_medium_height", "value": "var(--vkui--size_button_medium_height)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", - }, "regular": { "name": "--vkui--size_button_medium_height--regular", "value": "var(--vkui--size_button_medium_height--regular, 36px)", @@ -310506,17 +345223,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", - }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "value": "var(--vkui--size_button_minimum_width--regular, 101px)", }, }, "sizeButtonPaddingHorizontal": { @@ -310524,43 +345231,9 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_padding_horizontal", "value": "var(--vkui--size_button_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - }, "regular": { "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, - }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", - }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", - }, - }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", - }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", - }, - }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", - }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, "sizeButtonSmallHeight": { @@ -310568,13 +345241,9 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_small_height", "value": "var(--vkui--size_button_small_height)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", - }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "value": "var(--vkui--size_button_small_height--regular, 28px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -310644,7 +345313,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 16px)", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, "sizeCardgridPadding": { @@ -310654,7 +345323,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, }, "sizeCardgridPaddingVertical": { @@ -310687,799 +345356,883 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "sizeChoiceMargin": { + "sizeFieldHeight": { "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "sizeControlButtonWidthMin": { + "sizeFieldHorizontalPadding": { "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", - }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "sizeDivPadding": { + "sizeFormItemPaddingVertical": { "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "sizeDotBullet": { + "sizeIconUI": { "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "sizeDotClickable": { + "sizeLabelHorizontalMargin": { "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "sizeDotIndicate": { + "sizeOptionHierarchy": { "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "sizeFieldHeight": { + "sizePanelHeaderHeight": { "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 48px)", + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "sizeFieldHorizontalMargin": { + "sizePopupBasePadding": { "auto": { - "name": "--vkui--size_field_horizontal_margin", - "value": "var(--vkui--size_field_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", }, "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, - "sizeFieldSetMargin": { + "sizePopupHeaderPadding": { "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", }, "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "sizeFieldVerticalMargin": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "sizeFieldWidthMin": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", - }, - "compact": { - "name": "--vkui--size_field_width_min--compact", - "value": "var(--vkui--size_field_width_min--compact, 380px)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "sizeFormItemPaddingVertical": { + "sizePopupSmall": { "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", - }, - "sizeHeaderIcon": { + "sizeSearchHeight": { "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "sizeIconMargin": { + "sizeSelectIconPadding": { "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, "compact": { - "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, - "sizeIconMorePadding": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "compact": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + "name": "--vkui--size_split_col_padding_horizontal--compact", + "value": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", }, "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, }, - "sizeIconUI": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "sizeIllustrationL": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "sizeIllustrationM": { + "sizeSwitchHeight": { "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "sizeIllustrationS": { + "sizeSwitchPin": { "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "sizeIllustrationXM": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "sizeIllustrationXXL": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, tutoriaDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, tutoria)", + }, + "themeType": "cssVars", + "tutoriaColorBackgroundAccentTint": { + "active": { + "name": "--vkui--tutoria_color_background_accent_tint--active", + "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "hover": { + "name": "--vkui--tutoria_color_background_accent_tint--hover", + "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_accent_tint", + "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", }, }, - "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "tutoriaColorBackgroundContentInverse": { + "active": { + "name": "--vkui--tutoria_color_background_content_inverse--active", + "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", }, - "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "hover": { + "name": "--vkui--tutoria_color_background_content_inverse--hover", + "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_content_inverse", + "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", }, }, - "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "tutoriaColorBackgroundInfo": { + "active": { + "name": "--vkui--tutoria_color_background_info--active", + "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", }, - "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "hover": { + "name": "--vkui--tutoria_color_background_info--hover", + "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_info", + "value": "var(--vkui--tutoria_color_background_info, #008DF2)", }, }, - "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "tutoriaColorBackgroundInfoTint": { + "active": { + "name": "--vkui--tutoria_color_background_info_tint--active", + "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", }, - "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "hover": { + "name": "--vkui--tutoria_color_background_info_tint--hover", + "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_info_tint", + "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", }, }, - "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", + "tutoriaColorBackgroundNegativeTint": { + "active": { + "name": "--vkui--tutoria_color_background_negative_tint--active", + "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", }, - "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "hover": { + "name": "--vkui--tutoria_color_background_negative_tint--hover", + "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_negative_tint", + "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "tutoriaColorBackgroundNeutral": { + "active": { + "name": "--vkui--tutoria_color_background_neutral--active", + "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "hover": { + "name": "--vkui--tutoria_color_background_neutral--hover", + "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_neutral", + "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", }, }, - "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "tutoriaColorBackgroundOverlayAlpha": { + "active": { + "name": "--vkui--tutoria_color_background_overlay_alpha--active", + "value": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "hover": { + "name": "--vkui--tutoria_color_background_overlay_alpha--hover", + "value": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "normal": { + "name": "--vkui--tutoria_color_background_overlay_alpha", + "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "tutoriaColorBackgroundPositiveTint": { + "active": { + "name": "--vkui--tutoria_color_background_positive_tint--active", + "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + "hover": { + "name": "--vkui--tutoria_color_background_positive_tint--hover", + "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + "normal": { + "name": "--vkui--tutoria_color_background_positive_tint", + "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "tutoriaColorBackgroundPrimary": { + "active": { + "name": "--vkui--tutoria_color_background_primary--active", + "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + "hover": { + "name": "--vkui--tutoria_color_background_primary--hover", + "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + "normal": { + "name": "--vkui--tutoria_color_background_primary", + "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "tutoriaColorBackgroundWarning": { + "active": { + "name": "--vkui--tutoria_color_background_warning--active", + "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "hover": { + "name": "--vkui--tutoria_color_background_warning--hover", + "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", + }, + "normal": { + "name": "--vkui--tutoria_color_background_warning", + "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", }, }, - "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", + "tutoriaColorBackgroundWarningTint": { + "active": { + "name": "--vkui--tutoria_color_background_warning_tint--active", + "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", }, - "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", + "hover": { + "name": "--vkui--tutoria_color_background_warning_tint--hover", + "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", + "normal": { + "name": "--vkui--tutoria_color_background_warning_tint", + "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", }, }, - "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "tutoriaColorCardBoxShadowAlpha": { + "active": { + "name": "--vkui--tutoria_color_card_box_shadow_alpha--active", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "hover": { + "name": "--vkui--tutoria_color_card_box_shadow_alpha--hover", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", + }, + "normal": { + "name": "--vkui--tutoria_color_card_box_shadow_alpha", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", }, }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "tutoriaColorIconInfo": { + "active": { + "name": "--vkui--tutoria_color_icon_info--active", + "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "hover": { + "name": "--vkui--tutoria_color_icon_info--hover", + "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_icon_info", + "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", }, }, - "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", + "tutoriaColorIconLink": { + "active": { + "name": "--vkui--tutoria_color_icon_link--active", + "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", + "hover": { + "name": "--vkui--tutoria_color_icon_link--hover", + "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_icon_link", + "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", }, }, - "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", + "tutoriaColorIconWarning": { + "active": { + "name": "--vkui--tutoria_color_icon_warning--active", + "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", + "hover": { + "name": "--vkui--tutoria_color_icon_warning--hover", + "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", + }, + "normal": { + "name": "--vkui--tutoria_color_icon_warning", + "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", }, }, - "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "tutoriaColorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--tutoria_color_separator_primary_alpha--active", + "value": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "hover": { + "name": "--vkui--tutoria_color_separator_primary_alpha--hover", + "value": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", + }, + "normal": { + "name": "--vkui--tutoria_color_separator_primary_alpha", + "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", }, }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "tutoriaColorSeparatorSecondaryAlpha": { + "active": { + "name": "--vkui--tutoria_color_separator_secondary_alpha--active", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "hover": { + "name": "--vkui--tutoria_color_separator_secondary_alpha--hover", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "normal": { + "name": "--vkui--tutoria_color_separator_secondary_alpha", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", }, }, - "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "tutoriaColorStrokeAccentTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_accent_tint--active", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_accent_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + "normal": { + "name": "--vkui--tutoria_color_stroke_accent_tint", + "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", }, }, - "sizeSliceBottomPadding": { - "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", + "tutoriaColorStrokeInfo": { + "active": { + "name": "--vkui--tutoria_color_stroke_info--active", + "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", }, - "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_info--hover", + "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_info", + "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", }, }, - "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "tutoriaColorStrokeInfoTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_info_tint--active", + "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_info_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_info_tint", + "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", + }, + }, + "tutoriaColorStrokeNegativeTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_negative_tint--active", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", + }, + "hover": { + "name": "--vkui--tutoria_color_stroke_negative_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "normal": { + "name": "--vkui--tutoria_color_stroke_negative_tint", + "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", }, }, - "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "tutoriaColorStrokePositiveTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_positive_tint--active", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", }, - "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_positive_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_positive_tint", + "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", }, }, - "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "tutoriaColorStrokePrimary": { + "active": { + "name": "--vkui--tutoria_color_stroke_primary--active", + "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_primary--hover", + "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_primary", + "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", }, }, - "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "tutoriaColorStrokeSecondary": { + "active": { + "name": "--vkui--tutoria_color_stroke_secondary--active", + "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_secondary--hover", + "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", + }, + "normal": { + "name": "--vkui--tutoria_color_stroke_secondary", + "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", }, }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "tutoriaColorStrokeTertiary": { + "active": { + "name": "--vkui--tutoria_color_stroke_tertiary--active", + "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_tertiary--hover", + "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "normal": { + "name": "--vkui--tutoria_color_stroke_tertiary", + "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", }, }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "tutoriaColorStrokeWarning": { + "active": { + "name": "--vkui--tutoria_color_stroke_warning--active", + "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_warning--hover", + "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "normal": { + "name": "--vkui--tutoria_color_stroke_warning", + "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", }, }, - "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "tutoriaColorStrokeWarningTint": { + "active": { + "name": "--vkui--tutoria_color_stroke_warning_tint--active", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "hover": { + "name": "--vkui--tutoria_color_stroke_warning_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "normal": { + "name": "--vkui--tutoria_color_stroke_warning_tint", + "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", }, }, - "sizeTabMargin": { - "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", + "tutoriaColorTextInfo": { + "active": { + "name": "--vkui--tutoria_color_text_info--active", + "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", }, - "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "hover": { + "name": "--vkui--tutoria_color_text_info--hover", + "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", + }, + "normal": { + "name": "--vkui--tutoria_color_text_info", + "value": "var(--vkui--tutoria_color_text_info, #008DF2)", }, }, - "sizeTabPadding": { - "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", + "tutoriaColorTextWarning": { + "active": { + "name": "--vkui--tutoria_color_text_warning--active", + "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", }, - "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "hover": { + "name": "--vkui--tutoria_color_text_warning--hover", + "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", + }, + "normal": { + "name": "--vkui--tutoria_color_text_warning", + "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", }, }, - "sizeTableHorizontalPadding": { + "tutoriaFontTextTitle1": { "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", + "fontFamily": { + "name": "--vkui--tutoria_font_text_title1--font_family", + "value": "var(--vkui--tutoria_font_text_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title1--font_size", + "value": "var(--vkui--tutoria_font_text_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title1--font_weight", + "value": "var(--vkui--tutoria_font_text_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title1--line_height", + "value": "var(--vkui--tutoria_font_text_title1--line_height)", + }, }, "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "fontFamily": { + "name": "--vkui--tutoria_font_text_title1--font_family--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title1--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title1--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title1--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", + }, }, }, - "sizeTableVerticalPadding": { + "tutoriaFontTextTitle2": { "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", + "fontFamily": { + "name": "--vkui--tutoria_font_text_title2--font_family", + "value": "var(--vkui--tutoria_font_text_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title2--font_size", + "value": "var(--vkui--tutoria_font_text_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title2--font_weight", + "value": "var(--vkui--tutoria_font_text_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title2--line_height", + "value": "var(--vkui--tutoria_font_text_title2--line_height)", + }, }, "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "fontFamily": { + "name": "--vkui--tutoria_font_text_title2--font_family--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title2--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title2--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title2--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", + }, }, }, - "sizeTagMargin": { + "tutoriaFontTextTitle3": { "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", + "fontFamily": { + "name": "--vkui--tutoria_font_text_title3--font_family", + "value": "var(--vkui--tutoria_font_text_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title3--font_size", + "value": "var(--vkui--tutoria_font_text_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title3--font_weight", + "value": "var(--vkui--tutoria_font_text_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title3--line_height", + "value": "var(--vkui--tutoria_font_text_title3--line_height)", + }, }, "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", + "fontFamily": { + "name": "--vkui--tutoria_font_text_title3--font_family--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--tutoria_font_text_title3--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--tutoria_font_text_title3--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--tutoria_font_text_title3--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", + }, }, }, - "sizeTagPadding": { + "tutoriaLayoutMaxWidth": { "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", + "name": "--vkui--tutoria_layout_max_width", + "value": "var(--vkui--tutoria_layout_max_width)", }, "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", + "name": "--vkui--tutoria_layout_max_width--regular", + "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", }, }, - "sizeTipMargin": { + "tutoriaSizeButtonBaseLargeBorderRadius": { "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", + "name": "--vkui--tutoria_size_button_base_large_border_radius", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", }, "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", + "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", }, }, - "sizeTooltipMargin": { + "tutoriaSizeButtonBaseMediumBorderRadius": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--tutoria_size_button_base_medium_border_radius", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", }, }, - "sizeVerticalPadding": { + "tutoriaSizeButtonBaseSmallBorderRadius": { "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", + "name": "--vkui--tutoria_size_button_base_small_border_radius", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", }, "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", + "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", }, }, - "sizeWysiwygIcon": { + "tutoriaSizePaddingCard": { "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", + "name": "--vkui--tutoria_size_padding_card", + "value": "var(--vkui--tutoria_size_padding_card)", + }, + "compact": { + "name": "--vkui--tutoria_size_padding_card--compact", + "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", }, "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "name": "--vkui--tutoria_size_padding_card--regular", + "value": "var(--vkui--tutoria_size_padding_card--regular, 24px)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", - }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", - }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", - }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", - }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", - }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", - }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", - }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", - }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, todo)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, todo)", - }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", - }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", - }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", - }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", - }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", - }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", - }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", - }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", - }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", - }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", - }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", - }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", - }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", - }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", - }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", - }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", - }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", - }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", - }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", - }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", - }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", - }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", - }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", - }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", - }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -311491,107 +346244,97 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", "hover": "#E65944", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#EBB25F", + "hover": "#F5B961", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#8D7CEF", + "hover": "#9380F7", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#DD5AB6", + "hover": "#E65DBB", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": "#9B4AEF", + "hover": "#A24CF7", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -311599,64 +346342,49 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", "hover": "#5698F7", "normal": "#5a9eff", }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, - "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", - }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -311664,489 +346392,379 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F33", + "hover": "#303132", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#1A3652", + "hover": "#1B3753", + "normal": "#1C3954", }, "colorBackgroundModal": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, - "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", - }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", - }, - "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "#4B2C2F", + "hover": "#4F2D2F", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "#2A3A2C", + "hover": "#2C3C2C", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#1D1F23", + "hover": "#1F1F22", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", - }, - "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", - }, - "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", - }, - "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", - }, - "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": "#413018", + "hover": "#443217", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorFieldBackground": { + "active": "#202126", + "hover": "#222225", + "normal": "#232324", + }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", "hover": "#E8EAEE", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#A2A4AC", + "hover": "#A9ABB1", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#DAA353", + "hover": "#E4AA54", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#27292D", + "hover": "#282A2D", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#323438", + "hover": "#343538", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#5A5C61", + "hover": "#5E6062", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#323438", + "hover": "#343538", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "#3F4145", + "hover": "#414346", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#4A4D51", + "hover": "#4D4F52", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#121418", + "hover": "#131417", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLinkTint": { "active": "#689EDD", "hover": "#6CA4E4", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#8A8F97", + "hover": "#90949B", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", - }, - "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", - }, - "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": "#3B516E", + "hover": "#3D5470", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -312154,52 +346772,57 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 2px 0 0 rgba(0,16,61, 0.04)", - "elevation3": "0 4px 32px rgba(0, 16, 61, 0.24)", - "elevation4": "0 16px 48px 0 rgba(0,16,61, 0.48)", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 500, + "lineHeight": "16px", + }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", + "fontWeight": 600, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -312207,17 +346830,16 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", + "fontWeight": 600, "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -312225,140 +346847,96 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", + "fontWeight": 600, "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "23px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "22px", - "fontWeight": 500, - "lineHeight": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "21px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "19px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": "16px", }, - }, - "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", - }, - }, - "fontH0": { - "compact": { - "fontSize": "44px", - "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", - }, - }, - "fontH1": { - "compact": { - "fontSize": "32px", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": "16px", }, }, - "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", - }, + "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": "24px", }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": "24px", }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -312366,90 +346944,91 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": "18px", }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "14px", - "fontWeight": 400, + "fontWeight": 500, "lineHeight": "18px", }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": "24px", }, }, "fontTitle1": { + "largeX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 600, + "lineHeight": "36px", + }, + "largeXX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "40px", + "fontWeight": 600, + "lineHeight": "44px", + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "24px", + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "fontWeightAccent1": 500, + "fontWeightAccent1": 600, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, + "fontWeightBase1": 600, + "fontWeightBase2": 500, "fontWeightBase3": 400, "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, + "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": "8px", }, - "sizeArrowHeight": { - "regular": "8px", - }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, - "sizeArrowWidth": { - "regular": "12px", - }, - "sizeAttributeMargin": { - "regular": "4px", - }, "sizeAvatarL": { "regular": "96px", }, @@ -312480,14 +347059,6 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "sizeBadgeXS": { "regular": "12px", }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", - }, - "sizeBasePadding": { - "compact": "20px", - "regular": "16px", - }, "sizeBasePaddingHorizontal": { "regular": "16px", }, @@ -312515,35 +347086,20 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": "48px", }, - "sizeBorderWidthAccent": { - "regular": "8px", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "8px", - }, - "sizeBorderWidthBar": { - "regular": "4px", - }, - "sizeBorderWidthTab": { - "regular": "2px", - }, - "sizeBulletMargin": { - "regular": "12px", - }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": "10px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": "8px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": "6px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", @@ -312557,40 +347113,20 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": "1px", }, - "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", - }, "sizeButtonLargeHeight": { - "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "80px", - }, - "sizeButtonMorePadding": { - "regular": "8px", + "regular": "101px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { "regular": "12px", }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", - }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "28px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -312611,10 +347147,10 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "16px", + "regular": "8px", }, "sizeCardgridPadding": { - "regular": "12px", + "regular": "8px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -312625,93 +347161,22 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "sizeCheckbox": { "regular": "16px", }, - "sizeChoiceMargin": { - "regular": "8px", - }, - "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", - }, - "sizeDivPadding": { - "regular": "4px", - }, - "sizeDotBullet": { - "regular": "4px", - }, - "sizeDotClickable": { - "regular": "12px", - }, - "sizeDotIndicate": { - "regular": "8px", - }, "sizeFieldHeight": { - "compact": "48px", - "regular": "40px", - }, - "sizeFieldHorizontalMargin": { - "regular": "20px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { "regular": "12px", }, - "sizeFieldSetMargin": { - "regular": "32px", - }, - "sizeFieldVerticalMargin": { - "regular": "24px", - }, - "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", - }, "sizeFormItemPaddingVertical": { "regular": "12px", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", - }, - "sizeIconMargin": { - "compact": "8px", - "regular": "12px", - }, - "sizeIconMorePadding": { - "compact": "8px", - "regular": "12px", - }, "sizeIconUI": { "regular": "16px", }, - "sizeIllustrationL": { - "regular": "144px", - }, - "sizeIllustrationM": { - "regular": "96px", - }, - "sizeIllustrationS": { - "regular": "48px", - }, - "sizeIllustrationXM": { - "regular": "72px", - }, - "sizeIllustrationXXL": { - "regular": "228px", - }, "sizeLabelHorizontalMargin": { "regular": "16px", }, - "sizeLabelVerticalMargin": { - "regular": "4px", - }, - "sizeLabelWidth": { - "regular": "184px", - }, - "sizeMenuMargin": { - "regular": "2px", - }, - "sizeMenuPadding": { - "regular": "8px", - }, "sizeOptionHierarchy": { "regular": "32px", }, @@ -312720,51 +347185,33 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "regular": "56px", }, "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { "regular": "880px", }, - "sizePopupMargin": { - "compact": "24px", - "regular": "8px", - }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, - "sizeProgress": { - "regular": "4px", - }, - "sizeProgressScroll": { - "regular": "12px", - }, - "sizePromoButtonClose": { - "regular": "32px", - }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", - }, - "sizeSliceBottomPadding": { - "regular": "60px", - }, - "sizeSliceTopPadding": { - "regular": "40px", + "compact": "7px", + "regular": "6px", }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "compact": "16px", + "regular": "24px", }, "sizeSubnavigationBarGap": { "regular": "8px", @@ -312784,36 +347231,9 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "compact": "32px", "regular": "34px", }, - "sizeTabMargin": { - "regular": "8px", - }, - "sizeTabPadding": { - "regular": "16px", - }, - "sizeTableHorizontalPadding": { - "regular": "16px", - }, - "sizeTableVerticalPadding": { - "regular": "16px", - }, - "sizeTagMargin": { - "regular": "8px", - }, - "sizeTagPadding": { - "regular": "8px", - }, - "sizeTipMargin": { - "regular": "4px", - }, "sizeTooltipMargin": { "regular": "8px", }, - "sizeVerticalPadding": { - "regular": "0px", - }, - "sizeWysiwygIcon": { - "regular": "14px", - }, "spacingSize2Xl": "16px", "spacingSize2Xs": "2px", "spacingSize3Xl": "20px", @@ -312824,141 +347244,291 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "todo", - "themeNameBase": "todo", + "themeInheritsFrom": "vkBase", + "themeName": "tutoriaDark", + "themeNameBase": "tutoria", "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": "0px", - "x025": "1px", - "x05": "2px", - "x1": "4px", - "x10": "40px", - "x12": "48px", - "x15": "60px", - "x2": "8px", - "x20": "80px", - "x3": "12px", - "x4": "16px", - "x5": "20px", - "x6": "24px", - "x8": "32px", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", + }, + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", + }, + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", + }, + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", + }, + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", + }, + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", + }, + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", + }, + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", + }, + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", + }, + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", + }, + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", + }, + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", + }, + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", + }, + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", + }, + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", + }, + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", + }, + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", + }, + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", + }, + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", + }, + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", + }, + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", + }, + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", + }, + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "20px", + }, + }, + "tutoriaLayoutMaxWidth": { + "regular": "1224px", + }, + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": "8px", + }, + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": "10px", + }, + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": "12px", + }, + "tutoriaSizePaddingCard": { + "compact": "16px", + "regular": "24px", + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #689EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #6CA4E4)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A9E971)", - "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", - "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "active": "var(--vkui--color_accent_orange_peach--active, #EBB25F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #F5B961)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #EB367F)", - "hover": "var(--vkui--color_accent_pink--hover, #F53782)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #8D7CEF)", + "hover": "var(--vkui--color_accent_purple--hover, #9380F7)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #DD5AB6)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #E65DBB)", + "normal": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "active": "var(--vkui--color_accent_violet--active, #9B4AEF)", + "hover": "var(--vkui--color_accent_violet--hover, #A24CF7)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #689EDD)", + "hover": "var(--vkui--color_action_sheet_text--hover, #6CA4E4)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", - "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -312966,64 +347536,49 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "active": "var(--vkui--color_background--active, #090A0E)", + "hover": "var(--vkui--color_background--hover, #0A0A0C)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #4B93E5)", + "hover": "var(--vkui--color_background_accent--hover, #4F98ED)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "active": "var(--vkui--color_background_accent_alternative--active, #4B93E5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #4F98ED)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_accent_themed, #ffffff)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, - "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", - }, - "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", - }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", - }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "var(--vkui--color_background_content--active, #17181D)", + "hover": "var(--vkui--color_background_content--hover, #18191B)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -313031,489 +347586,379 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_background_contrast_themed--active, #2E2F33)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #303132)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", - "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", + "active": "var(--vkui--color_background_info_tint--active, #1A3652)", + "hover": "var(--vkui--color_background_info_tint--hover, #1B3753)", + "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "active": "var(--vkui--color_background_modal--active, #1A1C20)", + "hover": "var(--vkui--color_background_modal--hover, #1B1C1F)", + "normal": "var(--vkui--color_background_modal, #1C1D1E)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", - "normal": "var(--vkui--color_background_modal_inverse, #303030)", + "active": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #EB565A)", + "hover": "var(--vkui--color_background_negative--hover, #F5595B)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.08))", - }, - "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", + "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", - }, - "colorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", - }, - "colorBackgroundPositiveTintThemed": { - "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", - "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", - }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", - "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", - "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", + "active": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "active": "var(--vkui--color_background_secondary--active, #202126)", + "hover": "var(--vkui--color_background_secondary--hover, #222225)", + "normal": "var(--vkui--color_background_secondary, #232324)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "active": "var(--vkui--color_background_tertiary--active, #1D1F23)", + "hover": "var(--vkui--color_background_tertiary--hover, #1F1F22)", + "normal": "var(--vkui--color_background_tertiary, #202021)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", - }, - "colorBackgroundWarningTint": { - "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint, #fffce0)", - }, - "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", - }, - "colorBackgroundWarningTintThemed": { - "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", - "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", - }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", - "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", - "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", - }, - "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", - "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", - "normal": "var(--vkui--color_button_contrast, #FFFFFF)", - }, - "colorButtonContrastAlpha": { - "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", - "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", - "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "active": "var(--vkui--color_background_warning--active, #413018)", + "hover": "var(--vkui--color_background_warning--hover, #443217)", + "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #EBECEF)", + "hover": "var(--vkui--color_button_icon--hover, #F5F5F7)", + "normal": "var(--vkui--color_button_icon, #ffffff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #EBECEF)", + "hover": "var(--vkui--color_button_stroke--hover, #F5F5F7)", + "normal": "var(--vkui--color_button_stroke, #ffffff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #EBECEF)", + "hover": "var(--vkui--color_button_text--hover, #F5F5F7)", + "normal": "var(--vkui--color_button_text, #ffffff)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #ffffff)", + "active": "var(--vkui--color_field_background--active, #202126)", + "hover": "var(--vkui--color_field_background--hover, #222225)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "active": "var(--vkui--color_header_background--active, #17181D)", + "hover": "var(--vkui--color_header_background--hover, #18191B)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #4B93E5)", + "hover": "var(--vkui--color_icon_accent--hover, #4F98ED)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_accent_themed, #ffffff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_contrast_themed--active, #000105)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #000102)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "active": "var(--vkui--color_icon_medium--active, #A2A4AC)", + "hover": "var(--vkui--color_icon_medium--hover, #A9ABB1)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #EB565A)", + "hover": "var(--vkui--color_icon_negative--hover, #F5595B)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "active": "var(--vkui--color_icon_primary--active, #CFD2D8)", + "hover": "var(--vkui--color_icon_primary--hover, #D8DBDF)", + "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "active": "var(--vkui--color_icon_secondary--active, #6D7075)", + "hover": "var(--vkui--color_icon_secondary--hover, #717478)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "active": "var(--vkui--color_icon_tertiary--active, #56595E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #595C60)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EB9305)", - "hover": "var(--vkui--color_icon_warning--hover, #F59802)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "var(--vkui--color_icon_warning--active, #DAA353)", + "hover": "var(--vkui--color_icon_warning--hover, #E4AA54)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "active": "var(--vkui--color_image_placeholder--active, #27292D)", + "hover": "var(--vkui--color_image_placeholder--hover, #282A2D)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", - }, - "colorRating": { - "active": "var(--vkui--color_rating--active, #EBC405)", - "hover": "var(--vkui--color_rating--hover, #F5CC02)", - "normal": "var(--vkui--color_rating, #ffd400)", + "active": "var(--vkui--color_panel_header_icon--active, #689EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #6CA4E4)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", - "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", - "normal": "var(--vkui--color_search_field_background, #E6E7EB)", + "active": "var(--vkui--color_search_field_background--active, #323438)", + "hover": "var(--vkui--color_search_field_background--hover, #343538)", + "normal": "var(--vkui--color_search_field_background, #363738)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #EBECEF)", - "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "active": "var(--vkui--color_segmented_control--active, #5A5C61)", + "hover": "var(--vkui--color_segmented_control--hover, #5E6062)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "active": "var(--vkui--color_separator_primary--active, #323438)", + "hover": "var(--vkui--color_separator_primary--hover, #343538)", + "normal": "var(--vkui--color_separator_primary, #363738)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", - "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "active": "var(--vkui--color_separator_primary2x--active, #3F4145)", + "hover": "var(--vkui--color_separator_primary2x--hover, #414346)", + "normal": "var(--vkui--color_separator_primary2x, #444546)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", - "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "active": "var(--vkui--color_separator_primary3x--active, #4A4D51)", + "hover": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "active": "var(--vkui--color_separator_secondary--active, #121418)", + "hover": "var(--vkui--color_separator_secondary--hover, #131417)", + "normal": "var(--vkui--color_separator_secondary, #141415)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "active": "var(--vkui--color_skeleton_from--active, #202126)", + "hover": "var(--vkui--color_skeleton_from--hover, #222225)", + "normal": "var(--vkui--color_skeleton_from, #232324)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", + "active": "var(--vkui--color_skeleton_to--active, #282B2F)", + "hover": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #4B93E5)", + "hover": "var(--vkui--color_stroke_accent--hover, #4F98ED)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #ffffff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "normal": "var(--vkui--color_stroke_contrast, #ffffff)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #EB565A)", + "hover": "var(--vkui--color_stroke_negative--hover, #F5595B)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #6D7075)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #717478)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #4B93E5)", + "hover": "var(--vkui--color_text_accent--hover, #4F98ED)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_accent_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_accent_themed, #ffffff)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_text_contrast_themed--active, #000105)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #000102)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #4B93E5)", + "hover": "var(--vkui--color_text_link--hover, #4F98ED)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_link_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_link_themed, #ffffff)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", - "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "active": "var(--vkui--color_text_link_visited--active, #437DC1)", + "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2C2D2E)", + "active": "var(--vkui--color_text_muted--active, #CFD2D8)", + "hover": "var(--vkui--color_text_muted--hover, #D8DBDF)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #EB565A)", + "hover": "var(--vkui--color_text_negative--hover, #F5595B)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "active": "var(--vkui--color_text_positive--active, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", + "active": "var(--vkui--color_text_primary--active, #CFD2D8)", + "hover": "var(--vkui--color_text_primary--hover, #D8DBDF)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "active": "var(--vkui--color_text_primary_invariably--active, #000105)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", + "active": "var(--vkui--color_text_secondary--active, #6D7075)", + "hover": "var(--vkui--color_text_secondary--hover, #717478)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #797A80)", + "active": "var(--vkui--color_text_subhead--active, #8A8F97)", + "hover": "var(--vkui--color_text_subhead--hover, #90949B)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", - "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", - "normal": "var(--vkui--color_text_tertiary, #AAADB3)", - }, - "colorThumbErrorBackgroundAlpha": { - "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", - }, - "colorTooltipBackgroundBlueTint": { - "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", - "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", - }, - "colorTooltipBackgroundGreenTint": { - "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", - "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", - "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", - "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", - }, - "colorTooltipTextBlueThemed": { - "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", - "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", - }, - "colorTooltipTextGreenThemed": { - "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", - "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", - }, - "colorTooltipTextOrangeThemed": { - "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", - "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", - }, - "colorTooltipTextPurpleThemed": { - "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", - "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "active": "var(--vkui--color_text_tertiary--active, #56595E)", + "hover": "var(--vkui--color_text_tertiary--hover, #595C60)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #DADCE0)", + "active": "var(--vkui--color_track_background--active, #3F4246)", + "hover": "var(--vkui--color_track_background--hover, #424447)", + "normal": "var(--vkui--color_track_background, #454647)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "active": "var(--vkui--color_track_buffer--active, #3B516E)", + "hover": "var(--vkui--color_track_buffer--hover, #3D5470)", + "normal": "var(--vkui--color_track_buffer, #405772)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -313521,52 +347966,57 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #6D7075)", + "hover": "var(--vkui--color_write_bar_icon--hover, #717478)", + "normal": "var(--vkui--color_write_bar_icon, #76787a)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", - "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "active": "var(--vkui--color_write_bar_input_background--active, #282B2F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #2A2C2F)", + "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "active": "var(--vkui--color_write_bar_input_border--active, #282B2F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", + "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", - "elevation2": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", - "elevation3": "var(--vkui--elevation3, 0 4px 32px rgba(0, 16, 61, 0.24))", - "elevation4": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0,16,61, 0.48))", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { + "compact": { + "fontFamily": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--compact, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--compact, 16px)", + }, "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -313574,17 +348024,16 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -313592,140 +348041,96 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { + "compact": { + "fontFamily": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--compact, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--compact, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--compact, 16px)", + }, "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, - "fontH0": { - "compact": { - "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", - "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", - }, - "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", - "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", - }, - }, - "fontH1": { - "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", - }, - "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", - }, - }, - "fontH2": { - "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", - }, - "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", - }, - }, "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 24px)", }, }, "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 24px)", }, }, "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -313733,90 +348138,91 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 18px)", }, }, "fontSubhead": { - "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", - }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", - }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 24px)", }, }, "fontTitle1": { + "largeX": { + "fontFamily": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--large_x, 32px)", + "fontWeight": "var(--vkui--font_title1--font_weight--large_x, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--large_x, 36px)", + }, + "largeXX": { + "fontFamily": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--large_x_x, 40px)", + "fontWeight": "var(--vkui--font_title1--font_weight--large_x_x, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--large_x_x, 44px)", + }, "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, "fontTitle3": { + "compact": { + "fontFamily": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--compact, 16px)", + "fontWeight": "var(--vkui--font_title3--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--compact, 24px)", + }, "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 24px)", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", - }, "sizeArrowPadding": { "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", - }, - "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", - }, "sizeAvatarL": { "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, @@ -313847,14 +348253,6 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "sizeBadgeXS": { "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "sizeBase": "var(--vkui--size_base, 4px)", - "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", - }, - "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", - }, "sizeBasePaddingHorizontal": { "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, @@ -313882,35 +348280,20 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusRounded": { "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", - }, - "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", - }, - "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", - }, - "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", - }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", @@ -313924,40 +348307,20 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", - }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", - }, - "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", - }, - "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", - }, - "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "regular": "var(--vkui--size_button_small_height--regular, 28px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -313978,10 +348341,10 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", @@ -313992,93 +348355,22 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "sizeCheckbox": { "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", - }, - "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", - }, - "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", - }, - "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", - }, - "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", - }, - "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", - }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 48px)", - "regular": "var(--vkui--size_field_height--regular, 40px)", - }, - "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", - }, - "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", - }, - "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", - "regular": "var(--vkui--size_field_width_min--regular, 328px)", - }, "sizeFormItemPaddingVertical": { "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", - "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", - }, - "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 8px)", - "regular": "var(--vkui--size_icon_margin--regular, 12px)", - }, - "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", - }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", - }, - "sizeIllustrationM": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", - }, - "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", - }, - "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", - }, - "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, "sizeLabelHorizontalMargin": { "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", - }, - "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", - }, - "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", - }, - "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", - }, "sizeOptionHierarchy": { "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, @@ -314087,51 +348379,33 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", - "regular": "var(--vkui--size_popup_margin--regular, 8px)", - }, "sizePopupMedium": { "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", - }, - "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", - }, - "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", - }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", - }, - "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", - }, - "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, "sizeSubnavigationBarGap": { "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", @@ -314151,181 +348425,304 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "compact": "var(--vkui--size_switch_width--compact, 32px)", "regular": "var(--vkui--size_switch_width--regular, 34px)", }, - "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, tutoriaDark)", + "themeNameBase": "var(--vkui--theme_name_base, tutoria)", + "themeType": "pixelify", + "tutoriaColorBackgroundAccentTint": { + "active": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", + "hover": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", + "normal": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", }, - "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "tutoriaColorBackgroundContentInverse": { + "active": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", + "hover": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", + "normal": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", + }, + "tutoriaColorBackgroundInfo": { + "active": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", + "hover": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", + "normal": "var(--vkui--tutoria_color_background_info, #008DF2)", + }, + "tutoriaColorBackgroundInfoTint": { + "active": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", + "hover": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", + "normal": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", + }, + "tutoriaColorBackgroundNegativeTint": { + "active": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", + "hover": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", + "normal": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", + }, + "tutoriaColorBackgroundNeutral": { + "active": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", + "hover": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", + "normal": "var(--vkui--tutoria_color_background_neutral, #939FAD)", + }, + "tutoriaColorBackgroundOverlayAlpha": { + "active": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", + "hover": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", + "normal": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", + }, + "tutoriaColorBackgroundPositiveTint": { + "active": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", + "hover": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", + "normal": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", + }, + "tutoriaColorBackgroundPrimary": { + "active": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", + "hover": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", + "normal": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", + }, + "tutoriaColorBackgroundWarning": { + "active": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", + "hover": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", + "normal": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", + }, + "tutoriaColorBackgroundWarningTint": { + "active": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", + "hover": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", + "normal": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", + }, + "tutoriaColorCardBoxShadowAlpha": { + "active": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", + "hover": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", + "normal": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", + }, + "tutoriaColorIconInfo": { + "active": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_icon_info, #008DF2)", + }, + "tutoriaColorIconLink": { + "active": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_icon_link, #008DF2)", + }, + "tutoriaColorIconWarning": { + "active": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", + "hover": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", + "normal": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", + }, + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", + "hover": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", + "normal": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", + }, + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", + "hover": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", + "normal": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", + }, + "tutoriaColorStrokeAccentTint": { + "active": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", + "hover": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", + "normal": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", + }, + "tutoriaColorStrokeInfo": { + "active": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_stroke_info, #008DF2)", + }, + "tutoriaColorStrokeInfoTint": { + "active": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", + "hover": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", + "normal": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", + }, + "tutoriaColorStrokeNegativeTint": { + "active": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", + "hover": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", + "normal": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", + }, + "tutoriaColorStrokePositiveTint": { + "active": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", + "hover": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", + "normal": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", + }, + "tutoriaColorStrokePrimary": { + "active": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", + "hover": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", + "normal": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", + }, + "tutoriaColorStrokeSecondary": { + "active": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", + "hover": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", + "normal": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", + }, + "tutoriaColorStrokeTertiary": { + "active": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", + "hover": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", + "normal": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", + }, + "tutoriaColorStrokeWarning": { + "active": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", + "hover": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", + "normal": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", + }, + "tutoriaColorStrokeWarningTint": { + "active": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", + "hover": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", + "normal": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", + }, + "tutoriaColorTextInfo": { + "active": "var(--vkui--tutoria_color_text_info--active, #0083E4)", + "hover": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", + "normal": "var(--vkui--tutoria_color_text_info, #008DF2)", + }, + "tutoriaColorTextWarning": { + "active": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", + "hover": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", + "normal": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", + }, + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", + }, }, - "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", + }, }, - "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", + "fontWeight": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", + }, }, - "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "tutoriaLayoutMaxWidth": { + "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", }, - "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", }, - "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", }, - "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "tutoriaSizePaddingCard": { + "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", + "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, todo)", - "themeNameBase": "var(--vkui--theme_name_base, todo)", - "themeType": "pixelify", - "toneValueActive": "var(--vkui--tone_value_active, 0.08)", - "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", - "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", - "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", - "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", - "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", - "typeBorderButton": "var(--vkui--type_border_button, solid)", - "typeBorderPosition": "var(--vkui--type_border_position, inset)", - "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", - "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", - "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", - "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", - "x0": "var(--vkui--x0, 0px)", - "x025": "var(--vkui--x025, 1px)", - "x05": "var(--vkui--x05, 2px)", - "x1": "var(--vkui--x1, 4px)", - "x10": "var(--vkui--x10, 40px)", - "x12": "var(--vkui--x12, 48px)", - "x15": "var(--vkui--x15, 60px)", - "x2": "var(--vkui--x2, 8px)", - "x20": "var(--vkui--x20, 80px)", - "x3": "var(--vkui--x3, 12px)", - "x4": "var(--vkui--x4, 16px)", - "x5": "var(--vkui--x5, 20px)", - "x6": "var(--vkui--x6, 24px)", - "x8": "var(--vkui--x8, 32px)", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots todo theme should match root theme snapshot 1`] = ` +exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", "hover": "#E65944", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#EBB25F", + "hover": "#F5B961", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#8D7CEF", + "hover": "#9380F7", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#DD5AB6", + "hover": "#E65DBB", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": "#9B4AEF", + "hover": "#A24CF7", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -314333,64 +348730,49 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", "hover": "#5698F7", "normal": "#5a9eff", }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, - "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", - }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", - }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -314398,489 +348780,379 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F33", + "hover": "#303132", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#1A3652", + "hover": "#1B3753", + "normal": "#1C3954", }, "colorBackgroundModal": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, - "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", - }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", - }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", - }, - "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", - }, - "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "#4B2C2F", + "hover": "#4F2D2F", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "colorBackgroundPositiveTintThemed": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", - }, - "colorBackgroundPositiveTintThemedAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "active": "#2A3A2C", + "hover": "#2C3C2C", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#1D1F23", + "hover": "#1F1F22", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", - }, - "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", - }, - "colorBackgroundWarningTintThemed": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", - }, - "colorBackgroundWarningTintThemedAlpha": { - "active": "rgba(255, 241, 173, 0.56)", - "hover": "rgba(255, 241, 173, 0.52)", - "normal": "rgba(255, 241, 173, 0.48)", - }, - "colorButtonContrast": { - "active": "#FFFFFF", - "hover": "#FFFFFF", - "normal": "#FFFFFF", - }, - "colorButtonContrastAlpha": { - "active": "rgba(255, 255, 255, 0.6)", - "hover": "rgba(255, 255, 255, 0.8)", - "normal": "rgba(255, 255, 255, 1)", + "active": "#413018", + "hover": "#443217", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorFieldBackground": { + "active": "#202126", + "hover": "#222225", + "normal": "#232324", + }, "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", "hover": "#E8EAEE", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#A2A4AC", + "hover": "#A9ABB1", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#DAA353", + "hover": "#E4AA54", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#27292D", + "hover": "#282A2D", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#323438", + "hover": "#343538", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#5A5C61", + "hover": "#5E6062", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#323438", + "hover": "#343538", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": "#3F4145", + "hover": "#414346", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#4A4D51", + "hover": "#4D4F52", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#121418", + "hover": "#131417", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLinkTint": { "active": "#689EDD", "hover": "#6CA4E4", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#8A8F97", + "hover": "#90949B", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", - }, - "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", - }, - "colorTooltipBackgroundBlueTint": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "colorTooltipTextGreenThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "colorTooltipTextOrangeThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "colorTooltipTextPurpleThemed": { - "active": "#6A4C97", - "hover": "#6E4E9B", - "normal": "#73519F", + "active": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "active": "#3B516E", + "hover": "#3D5470", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -314888,52 +349160,57 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "light", - "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", - "elevation2": "0 2px 0 0 rgba(0,16,61, 0.04)", - "elevation3": "0 4px 32px rgba(0, 16, 61, 0.24)", - "elevation4": "0 16px 48px 0 rgba(0,16,61, 0.48)", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 500, + "lineHeight": 16, + }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, + "fontWeight": 600, + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -314941,17 +349218,16 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", + "fontWeight": 600, "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -314959,140 +349235,96 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", + "fontWeight": 600, "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 23, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 22, - "fontWeight": 500, - "lineHeight": 22, + "fontWeight": 600, + "lineHeight": 24, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 21, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 19, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "fontWeight": 600, + "lineHeight": 22, }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": 18, + "lineHeight": 16, }, - }, - "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, - "textTransform": "uppercase", - }, - }, - "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, - }, - }, - "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, "fontWeight": 500, - "lineHeight": 28, + "lineHeight": 16, }, }, - "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, - }, + "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, - "lineHeight": 20, + "lineHeight": 24, }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, - "lineHeight": 20, + "lineHeight": 24, }, }, "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -315100,90 +349332,91 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": 18, }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 14, - "fontWeight": 400, + "fontWeight": 500, "lineHeight": 18, }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": 24, }, }, "fontTitle1": { + "largeX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 600, + "lineHeight": 36, + }, + "largeXX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 40, + "fontWeight": 600, + "lineHeight": 44, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, + }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, }, }, - "fontWeightAccent1": 500, + "fontWeightAccent1": 600, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, + "fontWeightBase1": 600, + "fontWeightBase2": 500, "fontWeightBase3": 400, "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.48, + "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": 8, }, - "sizeArrowHeight": { - "regular": 8, - }, "sizeArrowPadding": { "regular": 12, }, "sizeArrowPromo": { "regular": 40, }, - "sizeArrowWidth": { - "regular": 12, - }, - "sizeAttributeMargin": { - "regular": 4, - }, "sizeAvatarL": { "regular": 96, }, @@ -315214,14 +349447,6 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "sizeBadgeXS": { "regular": 12, }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, - }, - "sizeBasePadding": { - "compact": 20, - "regular": 16, - }, "sizeBasePaddingHorizontal": { "regular": 16, }, @@ -315249,35 +349474,20 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": 48, }, - "sizeBorderWidthAccent": { - "regular": 8, - }, - "sizeBorderWidthAccentSecondary": { - "regular": 8, - }, - "sizeBorderWidthBar": { - "regular": 4, - }, - "sizeBorderWidthTab": { - "regular": 2, - }, - "sizeBulletMargin": { - "regular": 12, - }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "regular": 10, }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "regular": 8, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "regular": 6, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, @@ -315291,40 +349501,20 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": 1, }, - "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, - }, "sizeButtonLargeHeight": { - "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonMorePadding": { - "regular": 8, + "regular": 101, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, - }, - "sizeButtonSliderHeight": { - "regular": 24, - }, - "sizeButtonSliderWidth": { "regular": 12, }, - "sizeButtonSliderWidthPointer": { - "regular": 16, - }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 28, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -315345,10 +349535,10 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 16, + "regular": 8, }, "sizeCardgridPadding": { - "regular": 12, + "regular": 8, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -315359,93 +349549,22 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "sizeCheckbox": { "regular": 16, }, - "sizeChoiceMargin": { - "regular": 8, - }, - "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, - }, - "sizeDivPadding": { - "regular": 4, - }, - "sizeDotBullet": { - "regular": 4, - }, - "sizeDotClickable": { - "regular": 12, - }, - "sizeDotIndicate": { - "regular": 8, - }, "sizeFieldHeight": { - "compact": 48, - "regular": 40, - }, - "sizeFieldHorizontalMargin": { - "regular": 20, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { "regular": 12, }, - "sizeFieldSetMargin": { - "regular": 32, - }, - "sizeFieldVerticalMargin": { - "regular": 24, - }, - "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, - }, "sizeFormItemPaddingVertical": { "regular": 12, }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, - }, - "sizeIconMargin": { - "compact": 8, - "regular": 12, - }, - "sizeIconMorePadding": { - "compact": 8, - "regular": 12, - }, "sizeIconUI": { "regular": 16, }, - "sizeIllustrationL": { - "regular": 144, - }, - "sizeIllustrationM": { - "regular": 96, - }, - "sizeIllustrationS": { - "regular": 48, - }, - "sizeIllustrationXM": { - "regular": 72, - }, - "sizeIllustrationXXL": { - "regular": 228, - }, "sizeLabelHorizontalMargin": { "regular": 16, }, - "sizeLabelVerticalMargin": { - "regular": 4, - }, - "sizeLabelWidth": { - "regular": 184, - }, - "sizeMenuMargin": { - "regular": 2, - }, - "sizeMenuPadding": { - "regular": 8, - }, "sizeOptionHierarchy": { "regular": 32, }, @@ -315454,51 +349573,33 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "regular": 56, }, "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "compact": 16, + "regular": 24, }, "sizePopupLarge": { "regular": 880, }, - "sizePopupMargin": { - "compact": 24, - "regular": 8, - }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, - "sizeProgress": { - "regular": 4, - }, - "sizeProgressScroll": { - "regular": 12, - }, - "sizePromoButtonClose": { - "regular": 32, - }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, - }, - "sizeSliceBottomPadding": { - "regular": 60, - }, - "sizeSliceTopPadding": { - "regular": 40, + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "compact": 16, + "regular": 24, }, "sizeSubnavigationBarGap": { "regular": 8, @@ -315518,36 +349619,9 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "compact": 32, "regular": 34, }, - "sizeTabMargin": { - "regular": 8, - }, - "sizeTabPadding": { - "regular": 16, - }, - "sizeTableHorizontalPadding": { - "regular": 16, - }, - "sizeTableVerticalPadding": { - "regular": 16, - }, - "sizeTagMargin": { - "regular": 8, - }, - "sizeTagPadding": { - "regular": 8, - }, - "sizeTipMargin": { - "regular": 4, - }, "sizeTooltipMargin": { "regular": 8, }, - "sizeVerticalPadding": { - "regular": 0, - }, - "sizeWysiwygIcon": { - "regular": 14, - }, "spacingSize2Xl": 16, "spacingSize2Xs": 2, "spacingSize3Xl": 20, @@ -315558,41 +349632,201 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "todo", - "themeNameBase": "todo", + "themeInheritsFrom": "vkBase", + "themeName": "tutoriaDark", + "themeNameBase": "tutoria", "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "toneValueViewer": 0.88, - "typeBorderButton": "solid", - "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", - "widthToTouch": "(max-width: 767px)", - "widthTouch": "(max-width: 767px)", - "x0": 0, - "x025": 1, - "x05": 2, - "x1": 4, - "x10": 40, - "x12": 48, - "x15": 60, - "x2": 8, - "x20": 80, - "x3": 12, - "x4": 16, - "x5": 20, - "x6": 24, - "x8": 32, + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", + }, + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", + }, + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", + }, + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", + }, + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", + }, + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", + }, + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", + }, + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", + }, + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", + }, + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", + }, + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", + }, + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", + }, + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", + }, + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", + }, + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", + }, + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", + }, + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", + }, + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", + }, + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", + }, + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", + }, + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", + }, + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", + }, + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", + }, + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 20, + }, + }, + "tutoriaLayoutMaxWidth": { + "regular": 1224, + }, + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": 8, + }, + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": 10, + }, + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": 12, + }, + "tutoriaSizePaddingCard": { + "compact": 16, + "regular": 24, + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -315883,15 +350117,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #66ADFF)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #3392FF)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { @@ -315953,29 +350187,29 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #E9ECEF)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F4F5F7)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #E9ECEF)", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F4F5F7)", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", + "value": "var(--vkui--color_background_contrast, #ffffff)", }, }, "colorBackgroundContrastInverse": { @@ -316065,15 +350299,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FFB3B5)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF666B)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF4046)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { @@ -316093,15 +350327,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #66E394)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #34DA71)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #02D14E)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "colorBackgroundPositiveTint": { @@ -316121,15 +350355,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #D4D9DE)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E9ECEF)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #E9ECEF)", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", }, }, "colorBackgroundSecondaryAlpha": { @@ -316233,15 +350467,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #F5F5F5)", }, }, "colorFieldBorderAlpha": { @@ -316275,15 +350509,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #006FEF)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { @@ -316311,7 +350545,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #ffffff)", }, }, "colorIconContrastSecondary": { @@ -316345,71 +350579,71 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #5D6878)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #616C7A)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #65707D)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #EB3C45)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #F53E46)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF4046)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #02C24D)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #02C94D)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #02D14E)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #161A20)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #171B1F)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #181B1E)", + "value": "var(--vkui--color_icon_primary, #2c2d2e)", }, }, "colorIconPrimaryInvariably": { @@ -316429,71 +350663,71 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #555D69)", + "value": "var(--vkui--color_icon_secondary--active, #7B8390)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #58616B)", + "value": "var(--vkui--color_icon_secondary--hover, #818893)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #5C646D)", + "value": "var(--vkui--color_icon_secondary, #868d97)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #8794A4)", + "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", + "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #939FAD)", + "value": "var(--vkui--color_icon_tertiary, #a6adb7)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E8910E)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F2960C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FC9C0A)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "colorImageBorderAlpha": { @@ -316513,15 +350747,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #F5F5F5)", }, }, "colorImagePlaceholderAlpha": { @@ -316597,15 +350831,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "value": "var(--vkui--color_search_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #F2F3F5)", }, }, "colorSegmentedControl": { @@ -316625,15 +350859,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #D6DAE1)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #E0E3E8)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #E9ECEF)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { @@ -316681,15 +350915,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #E0E3E8)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #EAECF0)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #F4F5F7)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { @@ -316723,15 +350957,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { @@ -316759,35 +350993,35 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "value": "var(--vkui--color_stroke_contrast, #ffffff)", }, }, "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #EB3C45)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #F53E46)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF4046)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #02C24D)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #02C94D)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #02D14E)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -316807,15 +351041,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #006FEF)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #0073F7)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0077FF)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { @@ -316843,7 +351077,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "value": "var(--vkui--color_text_contrast, #ffffff)", }, }, "colorTextContrastThemed": { @@ -316933,43 +351167,43 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #EB3C45)", + "value": "var(--vkui--color_text_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #F53E46)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF4046)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #02C24D)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #02C94D)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #02D14E)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #161A20)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #171B1F)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #181B1E)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryInvariably": { @@ -316989,43 +351223,43 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #555D69)", + "value": "var(--vkui--color_text_secondary--active, #5D6878)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #58616B)", + "value": "var(--vkui--color_text_secondary--hover, #616C7A)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #5C646D)", + "value": "var(--vkui--color_text_secondary, #65707D)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #515C6B)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #54606D)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #58636F)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8794A4)", + "value": "var(--vkui--color_text_tertiary--active, #798391)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #8D99A9)", + "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #939FAD)", + "value": "var(--vkui--color_text_tertiary, #848D98)", }, }, "colorTrackBackground": { @@ -317087,15 +351321,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "value": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", }, "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, #F5F5F5)", }, }, "colorWriteBarInputBorder": { @@ -317169,28 +351403,10 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_caption1--line_height)", }, }, - "compact": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--compact", - "value": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--compact", - "value": "var(--vkui--font_caption1--font_size--compact, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--compact", - "value": "var(--vkui--font_caption1--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--compact", - "value": "var(--vkui--font_caption1--line_height--compact, 16px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -317198,11 +351414,11 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 500)", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, }, @@ -317592,15 +351808,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -317621,28 +351837,10 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_footnote--line_height)", }, }, - "compact": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--compact", - "value": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--compact", - "value": "var(--vkui--font_footnote--font_size--compact, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--compact", - "value": "var(--vkui--font_footnote--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--compact", - "value": "var(--vkui--font_footnote--line_height--compact, 16px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -317650,7 +351848,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 500)", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", @@ -317723,10 +351921,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -317738,7 +351946,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 24px)", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, }, @@ -317761,10 +351969,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline1--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -317776,7 +351994,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 24px)", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, }, @@ -317799,10 +352017,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline2--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -317840,11 +352068,11 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_paragraph--font_weight--regular", @@ -317852,7 +352080,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 18px)", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, }, @@ -317875,10 +352103,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_subhead--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -317886,7 +352124,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 500)", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--regular", @@ -317913,10 +352151,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_text--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -317928,7 +352176,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 24px)", + "value": "var(--vkui--font_text--line_height--regular, 20px)", }, }, }, @@ -317951,46 +352199,10 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_title1--line_height)", }, }, - "largeX": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--large_x", - "value": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--large_x", - "value": "var(--vkui--font_title1--font_size--large_x, 32px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--large_x", - "value": "var(--vkui--font_title1--font_weight--large_x, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--large_x", - "value": "var(--vkui--font_title1--line_height--large_x, 36px)", - }, - }, - "largeXX": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--large_x_x", - "value": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--large_x_x", - "value": "var(--vkui--font_title1--font_size--large_x_x, 40px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--large_x_x", - "value": "var(--vkui--font_title1--font_weight--large_x_x, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--large_x_x", - "value": "var(--vkui--font_title1--line_height--large_x_x, 44px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -318028,7 +352240,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -318063,32 +352275,14 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_title3--line_height)", }, }, - "compact": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--compact", - "value": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--compact", - "value": "var(--vkui--font_title3--font_size--compact, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--compact", - "value": "var(--vkui--font_title3--font_weight--compact, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--compact", - "value": "var(--vkui--font_title3--line_height--compact, 24px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 16px)", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", }, "fontWeight": { "name": "--vkui--font_title3--font_weight--regular", @@ -318096,7 +352290,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "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)", }, }, }, @@ -318375,7 +352569,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { @@ -318395,7 +352589,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { @@ -318415,7 +352609,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { @@ -318463,6 +352657,10 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_large_height", "value": "var(--vkui--size_button_large_height)", }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, "regular": { "name": "--vkui--size_button_large_height--regular", "value": "var(--vkui--size_button_large_height--regular, 44px)", @@ -318473,6 +352671,10 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_medium_height", "value": "var(--vkui--size_button_medium_height)", }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, "regular": { "name": "--vkui--size_button_medium_height--regular", "value": "var(--vkui--size_button_medium_height--regular, 36px)", @@ -318485,7 +352687,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 101px)", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, "sizeButtonPaddingHorizontal": { @@ -318503,9 +352705,13 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_small_height", "value": "var(--vkui--size_button_small_height)", }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 28px)", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -318787,13 +352993,9 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_split_col_padding_horizontal", "value": "var(--vkui--size_split_col_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_split_col_padding_horizontal--compact", - "value": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - }, "regular": { "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, "sizeSubnavigationBarGap": { @@ -318908,589 +353110,19 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, tutoria)", + "value": "var(--vkui--theme_name, vkAccessibility)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, tutoria)", + "value": "var(--vkui--theme_name_base, vkAccessibility)", }, "themeType": "cssVars", - "tutoriaColorBackgroundAccentTint": { - "active": { - "name": "--vkui--tutoria_color_background_accent_tint--active", - "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_accent_tint--hover", - "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_accent_tint", - "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", - }, - }, - "tutoriaColorBackgroundContentInverse": { - "active": { - "name": "--vkui--tutoria_color_background_content_inverse--active", - "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_content_inverse--hover", - "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_content_inverse", - "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", - }, - }, - "tutoriaColorBackgroundInfo": { - "active": { - "name": "--vkui--tutoria_color_background_info--active", - "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_info--hover", - "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_info", - "value": "var(--vkui--tutoria_color_background_info, #008DF2)", - }, - }, - "tutoriaColorBackgroundInfoTint": { - "active": { - "name": "--vkui--tutoria_color_background_info_tint--active", - "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_info_tint--hover", - "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_info_tint", - "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", - }, - }, - "tutoriaColorBackgroundNegativeTint": { - "active": { - "name": "--vkui--tutoria_color_background_negative_tint--active", - "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_negative_tint--hover", - "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_negative_tint", - "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", - }, - }, - "tutoriaColorBackgroundNeutral": { - "active": { - "name": "--vkui--tutoria_color_background_neutral--active", - "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_neutral--hover", - "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_neutral", - "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", - }, - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": { - "name": "--vkui--tutoria_color_background_overlay_alpha--active", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", - }, - "hover": { - "name": "--vkui--tutoria_color_background_overlay_alpha--hover", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", - }, - "normal": { - "name": "--vkui--tutoria_color_background_overlay_alpha", - "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", - }, - }, - "tutoriaColorBackgroundPositiveTint": { - "active": { - "name": "--vkui--tutoria_color_background_positive_tint--active", - "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_positive_tint--hover", - "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_positive_tint", - "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", - }, - }, - "tutoriaColorBackgroundPrimary": { - "active": { - "name": "--vkui--tutoria_color_background_primary--active", - "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_primary--hover", - "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_primary", - "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", - }, - }, - "tutoriaColorBackgroundWarning": { - "active": { - "name": "--vkui--tutoria_color_background_warning--active", - "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_warning--hover", - "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_warning", - "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", - }, - }, - "tutoriaColorBackgroundWarningTint": { - "active": { - "name": "--vkui--tutoria_color_background_warning_tint--active", - "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_warning_tint--hover", - "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_warning_tint", - "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", - }, - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha--active", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", - }, - "hover": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha--hover", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", - }, - "normal": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", - }, - }, - "tutoriaColorIconInfo": { - "active": { - "name": "--vkui--tutoria_color_icon_info--active", - "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_icon_info--hover", - "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_icon_info", - "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", - }, - }, - "tutoriaColorIconLink": { - "active": { - "name": "--vkui--tutoria_color_icon_link--active", - "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_icon_link--hover", - "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_icon_link", - "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", - }, - }, - "tutoriaColorIconWarning": { - "active": { - "name": "--vkui--tutoria_color_icon_warning--active", - "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", - }, - "hover": { - "name": "--vkui--tutoria_color_icon_warning--hover", - "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--tutoria_color_icon_warning", - "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", - }, - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--tutoria_color_separator_primary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", - }, - "hover": { - "name": "--vkui--tutoria_color_separator_primary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", - }, - "normal": { - "name": "--vkui--tutoria_color_separator_primary_alpha", - "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", - }, - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", - }, - "hover": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", - }, - "normal": { - "name": "--vkui--tutoria_color_separator_secondary_alpha", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", - }, - }, - "tutoriaColorStrokeAccentTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_accent_tint--active", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_accent_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_accent_tint", - "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", - }, - }, - "tutoriaColorStrokeInfo": { - "active": { - "name": "--vkui--tutoria_color_stroke_info--active", - "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_info--hover", - "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_info", - "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", - }, - }, - "tutoriaColorStrokeInfoTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_info_tint--active", - "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_info_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_info_tint", - "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", - }, - }, - "tutoriaColorStrokeNegativeTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_negative_tint--active", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_negative_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_negative_tint", - "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", - }, - }, - "tutoriaColorStrokePositiveTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_positive_tint--active", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_positive_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_positive_tint", - "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", - }, - }, - "tutoriaColorStrokePrimary": { - "active": { - "name": "--vkui--tutoria_color_stroke_primary--active", - "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_primary--hover", - "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_primary", - "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", - }, - }, - "tutoriaColorStrokeSecondary": { - "active": { - "name": "--vkui--tutoria_color_stroke_secondary--active", - "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_secondary--hover", - "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_secondary", - "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", - }, - }, - "tutoriaColorStrokeTertiary": { - "active": { - "name": "--vkui--tutoria_color_stroke_tertiary--active", - "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_tertiary--hover", - "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_tertiary", - "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", - }, - }, - "tutoriaColorStrokeWarning": { - "active": { - "name": "--vkui--tutoria_color_stroke_warning--active", - "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_warning--hover", - "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_warning", - "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", - }, - }, - "tutoriaColorStrokeWarningTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_warning_tint--active", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_warning_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_warning_tint", - "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", - }, - }, - "tutoriaColorTextInfo": { - "active": { - "name": "--vkui--tutoria_color_text_info--active", - "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_text_info--hover", - "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_text_info", - "value": "var(--vkui--tutoria_color_text_info, #008DF2)", - }, - }, - "tutoriaColorTextWarning": { - "active": { - "name": "--vkui--tutoria_color_text_warning--active", - "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", - }, - "hover": { - "name": "--vkui--tutoria_color_text_warning--hover", - "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--tutoria_color_text_warning", - "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", - }, - }, - "tutoriaFontTextTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title1--font_family", - "value": "var(--vkui--tutoria_font_text_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title1--font_size", - "value": "var(--vkui--tutoria_font_text_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title1--font_weight", - "value": "var(--vkui--tutoria_font_text_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title1--line_height", - "value": "var(--vkui--tutoria_font_text_title1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title1--font_family--regular", - "value": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title1--font_size--regular", - "value": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title1--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title1--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", - }, - }, - }, - "tutoriaFontTextTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title2--font_family", - "value": "var(--vkui--tutoria_font_text_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title2--font_size", - "value": "var(--vkui--tutoria_font_text_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title2--font_weight", - "value": "var(--vkui--tutoria_font_text_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title2--line_height", - "value": "var(--vkui--tutoria_font_text_title2--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title2--font_family--regular", - "value": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title2--font_size--regular", - "value": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title2--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title2--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", - }, - }, - }, - "tutoriaFontTextTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title3--font_family", - "value": "var(--vkui--tutoria_font_text_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title3--font_size", - "value": "var(--vkui--tutoria_font_text_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title3--font_weight", - "value": "var(--vkui--tutoria_font_text_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title3--line_height", - "value": "var(--vkui--tutoria_font_text_title3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title3--font_family--regular", - "value": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title3--font_size--regular", - "value": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title3--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title3--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", - }, - }, - }, - "tutoriaLayoutMaxWidth": { - "auto": { - "name": "--vkui--tutoria_layout_max_width", - "value": "var(--vkui--tutoria_layout_max_width)", - }, - "regular": { - "name": "--vkui--tutoria_layout_max_width--regular", - "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", - }, - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_large_border_radius", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", - }, - "regular": { - "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", - }, - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", - }, - "regular": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", - }, - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_small_border_radius", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", - }, - "regular": { - "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", - }, - }, - "tutoriaSizePaddingCard": { - "auto": { - "name": "--vkui--tutoria_size_padding_card", - "value": "var(--vkui--tutoria_size_padding_card)", - }, - "compact": { - "name": "--vkui--tutoria_size_padding_card--compact", - "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - }, - "regular": { - "name": "--vkui--tutoria_size_padding_card--regular", - "value": "var(--vkui--tutoria_size_padding_card--regular, 24px)", - }, - }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -319502,7 +353134,7 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -319605,9 +353237,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#66ADFF", - "hover": "#3392FF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { "active": "#237EDD", @@ -319630,14 +353262,14 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrast": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { "active": "#282B2F", @@ -319670,9 +353302,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FFB3B5", - "hover": "#FF666B", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { "active": "#EBD8DB", @@ -319680,9 +353312,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#66E394", - "hover": "#34DA71", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -319690,9 +353322,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#E9ECEF", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", @@ -319730,9 +353362,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -319745,9 +353377,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { "active": "#237EDD", @@ -319757,7 +353389,7 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -319770,29 +353402,29 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", @@ -319800,29 +353432,29 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -319830,9 +353462,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -319860,9 +353492,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -319870,9 +353502,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", @@ -319890,9 +353522,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#E0E3E8", - "hover": "#EAECF0", - "normal": "#F4F5F7", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -319905,9 +353537,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { "active": "#237EDD", @@ -319917,17 +353549,17 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -319935,9 +353567,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { "active": "#237EDD", @@ -319947,7 +353579,7 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", @@ -319980,19 +353612,19 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryInvariably": { "active": "#000105", @@ -320000,19 +353632,19 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { "active": "#CFD2D8", @@ -320035,9 +353667,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", @@ -320056,17 +353688,11 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", - "fontWeight": 500, - "lineHeight": "16px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption1Caps": { @@ -320150,20 +353776,14 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "lineHeight": "22px", }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", - "fontWeight": 500, + "fontWeight": 400, "lineHeight": "16px", }, }, @@ -320177,24 +353797,36 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -320202,43 +353834,39 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": "20px", }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", - "fontWeight": 500, + "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": "20px", }, }, "fontTitle1": { - "largeX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 600, - "lineHeight": "36px", - }, - "largeXX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "40px", - "fontWeight": 600, - "lineHeight": "44px", - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -320246,24 +353874,18 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", }, }, "fontTitle3": { - "compact": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "24px", - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": "22px", }, }, "fontWeightAccent1": 600, @@ -320345,19 +353967,19 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "regular": "48px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "10px", + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "8px", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "6px", + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", @@ -320372,19 +353994,22 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonLargeHeight": { + "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { + "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "101px", + "regular": "80px", }, "sizeButtonPaddingHorizontal": { "regular": "12px", }, "sizeButtonSmallHeight": { - "regular": "28px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -320468,8 +354093,7 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "regular": "6px", }, "sizeSplitColPaddingHorizontal": { - "compact": "16px", - "regular": "24px", + "regular": "16px", }, "sizeSubnavigationBarGap": { "regular": "8px", @@ -320502,200 +354126,16 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "tutoria", - "themeNameBase": "tutoria", + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibility", + "themeNameBase": "vkAccessibility", "themeType": "pixelify", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", - }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", - }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", - }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", - }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", - }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", - }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", - }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", - }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", - }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", - }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", - }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", - }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", - }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", - }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", - }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", - }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", - }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", - }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", - }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", - }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", - }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "20px", - }, - }, - "tutoriaLayoutMaxWidth": { - "regular": "1224px", - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "8px", - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "10px", - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "12px", - }, - "tutoriaSizePaddingCard": { - "compact": "16px", - "regular": "24px", - }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -320798,9 +354238,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #66ADFF)", - "hover": "var(--vkui--color_background_accent--hover, #3392FF)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", @@ -320823,14 +354263,14 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #E9ECEF)", - "hover": "var(--vkui--color_background_content--hover, #F4F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #E9ECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F4F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", @@ -320863,9 +354303,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FFB3B5)", - "hover": "var(--vkui--color_background_negative--hover, #FF666B)", - "normal": "var(--vkui--color_background_negative, #FF4046)", + "active": "var(--vkui--color_background_negative--active, #D44245)", + "hover": "var(--vkui--color_background_negative--hover, #DD4446)", + "normal": "var(--vkui--color_background_negative, #e64646)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", @@ -320873,9 +354313,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #66E394)", - "hover": "var(--vkui--color_background_positive--hover, #34DA71)", - "normal": "var(--vkui--color_background_positive, #02D14E)", + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", @@ -320883,9 +354323,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #D4D9DE)", - "hover": "var(--vkui--color_background_secondary--hover, #E9ECEF)", - "normal": "var(--vkui--color_background_secondary, #E9ECEF)", + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", }, "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", @@ -320923,9 +354363,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #E1E3E6)", + "hover": "var(--vkui--color_field_background--hover, #EBECEE)", + "normal": "var(--vkui--color_field_background, #F5F5F5)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -320938,9 +354378,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", @@ -320950,7 +354390,7 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", @@ -320963,29 +354403,29 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #5D6878)", + "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", + "normal": "var(--vkui--color_icon_medium, #65707D)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #EB3C45)", - "hover": "var(--vkui--color_icon_negative--hover, #F53E46)", - "normal": "var(--vkui--color_icon_negative, #FF4046)", + "active": "var(--vkui--color_icon_negative--active, #D44245)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "normal": "var(--vkui--color_icon_negative, #e64646)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #02C24D)", - "hover": "var(--vkui--color_icon_positive--hover, #02C94D)", - "normal": "var(--vkui--color_icon_positive, #02D14E)", + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #161A20)", - "hover": "var(--vkui--color_icon_primary--hover, #171B1F)", - "normal": "var(--vkui--color_icon_primary, #181B1E)", + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", @@ -320993,29 +354433,29 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #555D69)", - "hover": "var(--vkui--color_icon_secondary--hover, #58616B)", - "normal": "var(--vkui--color_icon_secondary, #5C646D)", + "active": "var(--vkui--color_icon_secondary--active, #7B8390)", + "hover": "var(--vkui--color_icon_secondary--hover, #818893)", + "normal": "var(--vkui--color_icon_secondary, #868d97)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #8794A4)", - "hover": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", - "normal": "var(--vkui--color_icon_tertiary, #939FAD)", + "active": "var(--vkui--color_icon_tertiary--active, #99A0AD)", + "hover": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + "normal": "var(--vkui--color_icon_tertiary, #a6adb7)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #E8910E)", - "hover": "var(--vkui--color_icon_warning--hover, #F2960C)", - "normal": "var(--vkui--color_icon_warning, #FC9C0A)", + "active": "var(--vkui--color_icon_warning--active, #E4941F)", + "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "normal": "var(--vkui--color_icon_warning, #F8A01C)", }, "colorImageBorderAlpha": { "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", @@ -321023,9 +354463,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #E1E3E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", }, "colorImagePlaceholderAlpha": { "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", @@ -321053,9 +354493,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_search_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_search_field_background, #F2F3F5)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -321063,9 +354503,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #D6DAE1)", - "hover": "var(--vkui--color_separator_primary--hover, #E0E3E8)", - "normal": "var(--vkui--color_separator_primary, #E9ECEF)", + "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "colorSeparatorPrimary2x": { "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", @@ -321083,9 +354523,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #E0E3E8)", - "hover": "var(--vkui--color_separator_secondary--hover, #EAECF0)", - "normal": "var(--vkui--color_separator_secondary, #F4F5F7)", + "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", }, "colorSkeletonFrom": { "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", @@ -321098,9 +354538,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", @@ -321110,17 +354550,17 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "normal": "var(--vkui--color_stroke_contrast, #ffffff)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #EB3C45)", - "hover": "var(--vkui--color_stroke_negative--hover, #F53E46)", - "normal": "var(--vkui--color_stroke_negative, #FF4046)", + "active": "var(--vkui--color_stroke_negative--active, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #02C24D)", - "hover": "var(--vkui--color_stroke_positive--hover, #02C94D)", - "normal": "var(--vkui--color_stroke_positive, #02D14E)", + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", @@ -321128,9 +354568,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #006FEF)", - "hover": "var(--vkui--color_text_accent--hover, #0073F7)", - "normal": "var(--vkui--color_text_accent, #0077FF)", + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", @@ -321140,7 +354580,7 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", @@ -321173,19 +354613,19 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_muted, #2c2d2e)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #EB3C45)", - "hover": "var(--vkui--color_text_negative--hover, #F53E46)", - "normal": "var(--vkui--color_text_negative, #FF4046)", + "active": "var(--vkui--color_text_negative--active, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #02C24D)", - "hover": "var(--vkui--color_text_positive--hover, #02C94D)", - "normal": "var(--vkui--color_text_positive, #02D14E)", + "active": "var(--vkui--color_text_positive--active, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #161A20)", - "hover": "var(--vkui--color_text_primary--hover, #171B1F)", - "normal": "var(--vkui--color_text_primary, #181B1E)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { "active": "var(--vkui--color_text_primary_invariably--active, #000105)", @@ -321193,19 +354633,19 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #555D69)", - "hover": "var(--vkui--color_text_secondary--hover, #58616B)", - "normal": "var(--vkui--color_text_secondary, #5C646D)", + "active": "var(--vkui--color_text_secondary--active, #5D6878)", + "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", + "normal": "var(--vkui--color_text_secondary, #65707D)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #64707F)", - "hover": "var(--vkui--color_text_subhead--hover, #697482)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #515C6B)", + "hover": "var(--vkui--color_text_subhead--hover, #54606D)", + "normal": "var(--vkui--color_text_subhead, #58636F)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #8794A4)", - "hover": "var(--vkui--color_text_tertiary--hover, #8D99A9)", - "normal": "var(--vkui--color_text_tertiary, #939FAD)", + "active": "var(--vkui--color_text_tertiary--active, #798391)", + "hover": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "normal": "var(--vkui--color_text_tertiary, #848D98)", }, "colorTrackBackground": { "active": "var(--vkui--color_track_background--active, #CFD2D8)", @@ -321228,9 +354668,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", + "normal": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, "colorWriteBarInputBorder": { "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", @@ -321249,17 +354689,11 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { - "compact": { - "fontFamily": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--compact, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--compact, 16px)", - }, "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, "fontCaption1Caps": { @@ -321343,20 +354777,14 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { - "compact": { - "fontFamily": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote--font_size--compact, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--compact, 16px)", - }, "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, @@ -321370,24 +354798,36 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` }, }, "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -321395,43 +354835,39 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 14px)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 18px)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { - "largeX": { - "fontFamily": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--large_x, 32px)", - "fontWeight": "var(--vkui--font_title1--font_weight--large_x, 600)", - "lineHeight": "var(--vkui--font_title1--line_height--large_x, 36px)", - }, - "largeXX": { - "fontFamily": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--large_x_x, 40px)", - "fontWeight": "var(--vkui--font_title1--font_weight--large_x_x, 600)", - "lineHeight": "var(--vkui--font_title1--line_height--large_x_x, 44px)", - }, "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -321439,24 +354875,18 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, "fontTitle3": { - "compact": { - "fontFamily": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--compact, 16px)", - "fontWeight": "var(--vkui--font_title3--font_weight--compact, 600)", - "lineHeight": "var(--vkui--font_title3--line_height--compact, 24px)", - }, "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 16px)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", @@ -321538,19 +354968,19 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", @@ -321565,19 +354995,22 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, "sizeButtonPaddingHorizontal": { "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 28px)", + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -321661,8 +355094,7 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSplitColPaddingHorizontal": { - "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", @@ -321695,200 +355127,16 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, tutoria)", - "themeNameBase": "var(--vkui--theme_name_base, tutoria)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkAccessibility)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", "themeType": "pixelify", - "tutoriaColorBackgroundAccentTint": { - "active": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", - "hover": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", - "normal": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", - }, - "tutoriaColorBackgroundContentInverse": { - "active": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", - "hover": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", - "normal": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", - }, - "tutoriaColorBackgroundInfo": { - "active": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", - "hover": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", - "normal": "var(--vkui--tutoria_color_background_info, #008DF2)", - }, - "tutoriaColorBackgroundInfoTint": { - "active": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", - "hover": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", - "normal": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", - }, - "tutoriaColorBackgroundNegativeTint": { - "active": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", - "hover": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", - "normal": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", - }, - "tutoriaColorBackgroundNeutral": { - "active": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", - "hover": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", - "normal": "var(--vkui--tutoria_color_background_neutral, #939FAD)", - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", - "hover": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", - "normal": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", - }, - "tutoriaColorBackgroundPositiveTint": { - "active": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", - "hover": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", - "normal": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", - }, - "tutoriaColorBackgroundPrimary": { - "active": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", - "hover": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", - "normal": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", - }, - "tutoriaColorBackgroundWarning": { - "active": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", - "hover": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", - "normal": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", - }, - "tutoriaColorBackgroundWarningTint": { - "active": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", - "hover": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", - "normal": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", - "hover": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", - "normal": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", - }, - "tutoriaColorIconInfo": { - "active": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_icon_info, #008DF2)", - }, - "tutoriaColorIconLink": { - "active": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_icon_link, #008DF2)", - }, - "tutoriaColorIconWarning": { - "active": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", - "hover": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", - "normal": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", - "hover": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", - "normal": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", - "hover": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", - "normal": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", - }, - "tutoriaColorStrokeAccentTint": { - "active": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", - "hover": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", - "normal": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", - }, - "tutoriaColorStrokeInfo": { - "active": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_stroke_info, #008DF2)", - }, - "tutoriaColorStrokeInfoTint": { - "active": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", - "hover": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", - "normal": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", - }, - "tutoriaColorStrokeNegativeTint": { - "active": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", - "hover": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", - "normal": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", - }, - "tutoriaColorStrokePositiveTint": { - "active": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", - "hover": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", - "normal": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", - }, - "tutoriaColorStrokePrimary": { - "active": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", - "hover": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", - "normal": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", - }, - "tutoriaColorStrokeSecondary": { - "active": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", - "hover": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", - "normal": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", - }, - "tutoriaColorStrokeTertiary": { - "active": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", - "hover": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", - "normal": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", - }, - "tutoriaColorStrokeWarning": { - "active": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", - "hover": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", - "normal": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", - }, - "tutoriaColorStrokeWarningTint": { - "active": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", - "hover": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", - "normal": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", - }, - "tutoriaColorTextInfo": { - "active": "var(--vkui--tutoria_color_text_info--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_text_info, #008DF2)", - }, - "tutoriaColorTextWarning": { - "active": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", - "hover": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", - "normal": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", - }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", - "lineHeight": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", - }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", - "lineHeight": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", - }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", - "fontWeight": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", - "lineHeight": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", - }, - }, - "tutoriaLayoutMaxWidth": { - "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", - }, - "tutoriaSizePaddingCard": { - "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", - }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -321991,9 +355239,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#66ADFF", - "hover": "#3392FF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { "active": "#237EDD", @@ -322016,14 +355264,14 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrast": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { "active": "#282B2F", @@ -322056,9 +355304,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FFB3B5", - "hover": "#FF666B", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { "active": "#EBD8DB", @@ -322066,9 +355314,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#66E394", - "hover": "#34DA71", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -322076,9 +355324,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#E9ECEF", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", @@ -322116,9 +355364,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -322131,9 +355379,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { "active": "#237EDD", @@ -322143,7 +355391,7 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -322156,29 +355404,29 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", @@ -322186,29 +355434,29 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -322216,9 +355464,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -322246,9 +355494,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -322256,9 +355504,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", @@ -322276,9 +355524,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#E0E3E8", - "hover": "#EAECF0", - "normal": "#F4F5F7", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -322291,9 +355539,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { "active": "#237EDD", @@ -322303,17 +355551,17 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -322321,9 +355569,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { "active": "#237EDD", @@ -322333,7 +355581,7 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", @@ -322366,19 +355614,19 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryInvariably": { "active": "#000105", @@ -322386,19 +355634,19 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { "active": "#CFD2D8", @@ -322421,9 +355669,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", @@ -322442,17 +355690,11 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, - "fontWeight": 500, - "lineHeight": 16, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption1Caps": { @@ -322536,20 +355778,14 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "lineHeight": 22, }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, - "fontWeight": 500, + "fontWeight": 400, "lineHeight": 16, }, }, @@ -322563,24 +355799,36 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` }, }, "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 20, }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 20, }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -322588,43 +355836,39 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": 18, + "lineHeight": 20, }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, - "fontWeight": 500, + "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, - "lineHeight": 24, + "lineHeight": 20, }, }, "fontTitle1": { - "largeX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 600, - "lineHeight": 36, - }, - "largeXX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 40, - "fontWeight": 600, - "lineHeight": 44, - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -322632,24 +355876,18 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, }, }, "fontTitle3": { - "compact": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 24, - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, "fontWeight": 600, - "lineHeight": 24, + "lineHeight": 22, }, }, "fontWeightAccent1": 600, @@ -322731,19 +355969,19 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 10, + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 8, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 6, + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, @@ -322758,19 +355996,22 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonLargeHeight": { + "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { + "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": 101, + "regular": 80, }, "sizeButtonPaddingHorizontal": { "regular": 12, }, "sizeButtonSmallHeight": { - "regular": 28, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -322854,8 +356095,7 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "compact": 16, - "regular": 24, + "regular": 16, }, "sizeSubnavigationBarGap": { "regular": 8, @@ -322888,200 +356128,16 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "tutoria", - "themeNameBase": "tutoria", + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibility", + "themeNameBase": "vkAccessibility", "themeType": "root", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", - }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", - }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", - }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", - }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", - }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", - }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", - }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", - }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", - }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", - }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", - }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", - }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", - }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", - }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", - }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", - }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", - }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", - }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", - }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 20, - }, - }, - "tutoriaLayoutMaxWidth": { - "regular": 1224, - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": 8, - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": 10, - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": 12, - }, - "tutoriaSizePaddingCard": { - "compact": 16, - "regular": 24, - }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -323106,11 +356162,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_azure", @@ -323120,11 +356176,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #689EDD)", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #6CA4E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", @@ -323134,11 +356190,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -323148,11 +356204,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -323162,11 +356218,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", + "value": "var(--vkui--color_accent_green--active, #59B959)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "value": "var(--vkui--color_accent_green--hover, #52B652)", }, "normal": { "name": "--vkui--color_accent_green", @@ -323176,11 +356232,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -323190,11 +356246,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -323204,11 +356260,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangeFire": { "active": { "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", }, "hover": { "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", }, "normal": { "name": "--vkui--color_accent_orange_fire", @@ -323218,11 +356274,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #EBB25F)", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #F5B961)", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { "name": "--vkui--color_accent_orange_peach", @@ -323232,11 +356288,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -323246,11 +356302,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #8D7CEF)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9380F7)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -323260,11 +356316,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #DD5AB6)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #E65DBB)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", @@ -323274,11 +356330,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", + "value": "var(--vkui--color_accent_red--active, #FF4356)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", }, "normal": { "name": "--vkui--color_accent_red", @@ -323288,11 +356344,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -323302,11 +356358,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #9B4AEF)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #A24CF7)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", @@ -323316,11 +356372,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #689EDD)", + "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #6CA4E4)", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", @@ -323358,11 +356414,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #090A0E)", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #0A0A0C)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", @@ -323372,11 +356428,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #4B93E5)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4F98ED)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", @@ -323386,11 +356442,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #4B93E5)", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #4F98ED)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", @@ -323400,15 +356456,15 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #EBECEF)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #ffffff)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -323428,11 +356484,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { "name": "--vkui--color_background_accent_tint", @@ -323442,11 +356498,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #17181D)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #18191B)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", @@ -323456,25 +356512,25 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #ffffff)", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -323498,11 +356554,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #2E2F33)", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #303132)", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", }, "normal": { "name": "--vkui--color_background_contrast_themed", @@ -323512,11 +356568,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #1A3652)", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #1B3753)", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", @@ -323526,11 +356582,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #1A1C20)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #1B1C1F)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", @@ -323540,11 +356596,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", @@ -323554,11 +356610,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #EB565A)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #F5595B)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", @@ -323568,11 +356624,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", @@ -323582,11 +356638,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", + "value": "var(--vkui--color_background_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + "value": "var(--vkui--color_background_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_background_positive", @@ -323596,11 +356652,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", @@ -323610,11 +356666,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #202126)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #222225)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", @@ -323638,11 +356694,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #1D1F23)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #1F1F22)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", @@ -323666,11 +356722,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #413018)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #443217)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", @@ -323680,53 +356736,53 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #EBECEF)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #F5F5F7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #ffffff)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #EBECEF)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #F5F5F7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #ffffff)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #EBECEF)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #F5F5F7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #ffffff)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #202126)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222225)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", @@ -323750,11 +356806,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #17181D)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #18191B)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", @@ -323764,11 +356820,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4B93E5)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4F98ED)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", @@ -323778,39 +356834,39 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #EBECEF)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #ffffff)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #ffffff)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { "active": { "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", }, "hover": { "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", @@ -323820,11 +356876,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #000105)", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #000102)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", @@ -323834,39 +356890,39 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #A2A4AC)", + "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #A9ABB1)", + "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #B9BABF)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #EB565A)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #F5595B)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", @@ -323876,11 +356932,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", + "value": "var(--vkui--color_icon_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -323890,11 +356946,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #CFD2D8)", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #D8DBDF)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", @@ -323904,11 +356960,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", @@ -323918,67 +356974,67 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #6D7075)", + "value": "var(--vkui--color_icon_secondary--active, #929496)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #717478)", + "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #898B8D)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #56595E)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #595C60)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #5D5F61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #DAA353)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #E4AA54)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", @@ -324002,11 +357058,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #27292D)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #282A2D)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", @@ -324030,15 +357086,15 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorLinkContrast": { "active": { "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #ffffff)", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", }, }, "colorOverlayPrimary": { @@ -324072,11 +357128,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #689EDD)", + "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #6CA4E4)", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", @@ -324086,25 +357142,25 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #323438)", + "value": "var(--vkui--color_search_field_background--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #343538)", + "value": "var(--vkui--color_search_field_background--hover, #333333)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #2A2A2B)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #5A5C61)", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #5E6062)", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", }, "normal": { "name": "--vkui--color_segmented_control", @@ -324114,11 +357170,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #323438)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #343538)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", @@ -324128,11 +357184,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #3F4145)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #414346)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", @@ -324142,11 +357198,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #4A4D51)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", @@ -324170,11 +357226,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #121418)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #131417)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", @@ -324184,11 +357240,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #202126)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #222225)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", @@ -324198,11 +357254,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #282B2F)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", @@ -324212,11 +357268,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4B93E5)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4F98ED)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", @@ -324226,39 +357282,39 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #EBECEF)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #ffffff)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #ffffff)", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, }, "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #EB565A)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #F5595B)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", @@ -324268,11 +357324,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -324282,11 +357338,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #6D7075)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #717478)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", @@ -324296,11 +357352,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4B93E5)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4F98ED)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", @@ -324310,39 +357366,39 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #EBECEF)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #ffffff)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #000105)", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #000102)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", @@ -324352,11 +357408,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #4B93E5)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #4F98ED)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", @@ -324366,25 +357422,25 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #EBECEF)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #F5F5F7)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #ffffff)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", @@ -324394,11 +357450,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "value": "var(--vkui--color_text_link_visited--active, #5890D0)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -324408,11 +357464,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #CFD2D8)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #D8DBDF)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", @@ -324422,11 +357478,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #EB565A)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #F5595B)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", @@ -324436,11 +357492,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", + "value": "var(--vkui--color_text_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + "value": "var(--vkui--color_text_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_text_positive", @@ -324450,11 +357506,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #CFD2D8)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #D8DBDF)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", @@ -324464,11 +357520,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "value": "var(--vkui--color_text_primary_invariably--active, #141414)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -324478,53 +357534,53 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #6D7075)", + "value": "var(--vkui--color_text_secondary--active, #999B9D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #717478)", + "value": "var(--vkui--color_text_secondary--hover, #949698)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #909294)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #8A8F97)", + "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #90949B)", + "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #B9BABF)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #56595E)", + "value": "var(--vkui--color_text_tertiary--active, #77797B)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #595C60)", + "value": "var(--vkui--color_text_tertiary--hover, #717375)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #6B6D6F)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #3F4246)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #424447)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", @@ -324534,11 +357590,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3B516E)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #3D5470)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", @@ -324548,11 +357604,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorTransparent": { "active": { "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--color_transparent", @@ -324562,11 +357618,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #6D7075)", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #717478)", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", @@ -324576,11 +357632,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #282B2F)", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #2A2C2F)", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_background", @@ -324590,11 +357646,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #282B2F)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_border", @@ -324617,27 +357673,27 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "colorsScheme": { "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "value": "var(--vkui--colors_scheme, dark)", }, "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))", + "value": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "value": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", }, "fontCaption1": { "auto": { @@ -324658,28 +357714,10 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_caption1--line_height)", }, }, - "compact": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--compact", - "value": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_caption1--font_size--compact", - "value": "var(--vkui--font_caption1--font_size--compact, 12px)", - }, - "fontWeight": { - "name": "--vkui--font_caption1--font_weight--compact", - "value": "var(--vkui--font_caption1--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--compact", - "value": "var(--vkui--font_caption1--line_height--compact, 16px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -324687,11 +357725,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 500)", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, }, @@ -325081,15 +358119,15 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -325110,28 +358148,10 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_footnote--line_height)", }, }, - "compact": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--compact", - "value": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_footnote--font_size--compact", - "value": "var(--vkui--font_footnote--font_size--compact, 13px)", - }, - "fontWeight": { - "name": "--vkui--font_footnote--font_weight--compact", - "value": "var(--vkui--font_footnote--font_weight--compact, 400)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--compact", - "value": "var(--vkui--font_footnote--line_height--compact, 16px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -325139,7 +358159,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_footnote--font_weight--regular", - "value": "var(--vkui--font_footnote--font_weight--regular, 500)", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", @@ -325212,10 +358232,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -325227,7 +358257,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 24px)", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, }, @@ -325250,10 +358280,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline1--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -325265,7 +358305,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 24px)", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, }, @@ -325288,10 +358328,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline2--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -325329,11 +358379,11 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_paragraph--font_weight--regular", @@ -325341,7 +358391,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_paragraph--line_height--regular", - "value": "var(--vkui--font_paragraph--line_height--regular, 18px)", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, }, @@ -325364,10 +358414,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_subhead--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -325375,7 +358435,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--regular", - "value": "var(--vkui--font_subhead--font_weight--regular, 500)", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--regular", @@ -325402,10 +358462,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_text--line_height)", }, }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -325417,7 +358487,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", - "value": "var(--vkui--font_text--line_height--regular, 24px)", + "value": "var(--vkui--font_text--line_height--regular, 20px)", }, }, }, @@ -325440,46 +358510,10 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_title1--line_height)", }, }, - "largeX": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--large_x", - "value": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--large_x", - "value": "var(--vkui--font_title1--font_size--large_x, 32px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--large_x", - "value": "var(--vkui--font_title1--font_weight--large_x, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--large_x", - "value": "var(--vkui--font_title1--line_height--large_x, 36px)", - }, - }, - "largeXX": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--large_x_x", - "value": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title1--font_size--large_x_x", - "value": "var(--vkui--font_title1--font_size--large_x_x, 40px)", - }, - "fontWeight": { - "name": "--vkui--font_title1--font_weight--large_x_x", - "value": "var(--vkui--font_title1--font_weight--large_x_x, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--large_x_x", - "value": "var(--vkui--font_title1--line_height--large_x_x, 44px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -325517,7 +358551,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -325552,32 +358586,14 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_title3--line_height)", }, }, - "compact": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--compact", - "value": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--compact", - "value": "var(--vkui--font_title3--font_size--compact, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--compact", - "value": "var(--vkui--font_title3--font_weight--compact, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--compact", - "value": "var(--vkui--font_title3--line_height--compact, 24px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", - "value": "var(--vkui--font_title3--font_size--regular, 16px)", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", }, "fontWeight": { "name": "--vkui--font_title3--font_weight--regular", @@ -325585,7 +358601,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "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)", }, }, }, @@ -325615,7 +358631,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -325623,7 +358639,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -325864,7 +358880,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { @@ -325884,7 +358900,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { @@ -325904,7 +358920,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { @@ -325952,6 +358968,10 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_large_height", "value": "var(--vkui--size_button_large_height)", }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, "regular": { "name": "--vkui--size_button_large_height--regular", "value": "var(--vkui--size_button_large_height--regular, 44px)", @@ -325962,6 +358982,10 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_medium_height", "value": "var(--vkui--size_button_medium_height)", }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, "regular": { "name": "--vkui--size_button_medium_height--regular", "value": "var(--vkui--size_button_medium_height--regular, 36px)", @@ -325974,7 +358998,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 101px)", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, "sizeButtonPaddingHorizontal": { @@ -325992,9 +359016,13 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_small_height", "value": "var(--vkui--size_button_small_height)", }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 28px)", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -326276,13 +359304,9 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_split_col_padding_horizontal", "value": "var(--vkui--size_split_col_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_split_col_padding_horizontal--compact", - "value": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - }, "regular": { "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, "sizeSubnavigationBarGap": { @@ -326399,591 +359423,17 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, tutoriaDark)", + "value": "var(--vkui--theme_name, vkAccessibilityDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, tutoria)", + "value": "var(--vkui--theme_name_base, vkAccessibility)", }, "themeType": "cssVars", - "tutoriaColorBackgroundAccentTint": { - "active": { - "name": "--vkui--tutoria_color_background_accent_tint--active", - "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_accent_tint--hover", - "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_accent_tint", - "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", - }, - }, - "tutoriaColorBackgroundContentInverse": { - "active": { - "name": "--vkui--tutoria_color_background_content_inverse--active", - "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_content_inverse--hover", - "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_content_inverse", - "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", - }, - }, - "tutoriaColorBackgroundInfo": { - "active": { - "name": "--vkui--tutoria_color_background_info--active", - "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_info--hover", - "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_info", - "value": "var(--vkui--tutoria_color_background_info, #008DF2)", - }, - }, - "tutoriaColorBackgroundInfoTint": { - "active": { - "name": "--vkui--tutoria_color_background_info_tint--active", - "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_info_tint--hover", - "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_info_tint", - "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", - }, - }, - "tutoriaColorBackgroundNegativeTint": { - "active": { - "name": "--vkui--tutoria_color_background_negative_tint--active", - "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_negative_tint--hover", - "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_negative_tint", - "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", - }, - }, - "tutoriaColorBackgroundNeutral": { - "active": { - "name": "--vkui--tutoria_color_background_neutral--active", - "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_neutral--hover", - "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_neutral", - "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", - }, - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": { - "name": "--vkui--tutoria_color_background_overlay_alpha--active", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", - }, - "hover": { - "name": "--vkui--tutoria_color_background_overlay_alpha--hover", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", - }, - "normal": { - "name": "--vkui--tutoria_color_background_overlay_alpha", - "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", - }, - }, - "tutoriaColorBackgroundPositiveTint": { - "active": { - "name": "--vkui--tutoria_color_background_positive_tint--active", - "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_positive_tint--hover", - "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_positive_tint", - "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", - }, - }, - "tutoriaColorBackgroundPrimary": { - "active": { - "name": "--vkui--tutoria_color_background_primary--active", - "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_primary--hover", - "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_primary", - "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", - }, - }, - "tutoriaColorBackgroundWarning": { - "active": { - "name": "--vkui--tutoria_color_background_warning--active", - "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_warning--hover", - "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_warning", - "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", - }, - }, - "tutoriaColorBackgroundWarningTint": { - "active": { - "name": "--vkui--tutoria_color_background_warning_tint--active", - "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", - }, - "hover": { - "name": "--vkui--tutoria_color_background_warning_tint--hover", - "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", - }, - "normal": { - "name": "--vkui--tutoria_color_background_warning_tint", - "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", - }, - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha--active", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", - }, - "hover": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha--hover", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", - }, - "normal": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", - }, - }, - "tutoriaColorIconInfo": { - "active": { - "name": "--vkui--tutoria_color_icon_info--active", - "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_icon_info--hover", - "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_icon_info", - "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", - }, - }, - "tutoriaColorIconLink": { - "active": { - "name": "--vkui--tutoria_color_icon_link--active", - "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_icon_link--hover", - "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_icon_link", - "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", - }, - }, - "tutoriaColorIconWarning": { - "active": { - "name": "--vkui--tutoria_color_icon_warning--active", - "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", - }, - "hover": { - "name": "--vkui--tutoria_color_icon_warning--hover", - "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--tutoria_color_icon_warning", - "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", - }, - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--tutoria_color_separator_primary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", - }, - "hover": { - "name": "--vkui--tutoria_color_separator_primary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", - }, - "normal": { - "name": "--vkui--tutoria_color_separator_primary_alpha", - "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", - }, - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", - }, - "hover": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", - }, - "normal": { - "name": "--vkui--tutoria_color_separator_secondary_alpha", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", - }, - }, - "tutoriaColorStrokeAccentTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_accent_tint--active", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_accent_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_accent_tint", - "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", - }, - }, - "tutoriaColorStrokeInfo": { - "active": { - "name": "--vkui--tutoria_color_stroke_info--active", - "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_info--hover", - "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_info", - "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", - }, - }, - "tutoriaColorStrokeInfoTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_info_tint--active", - "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_info_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_info_tint", - "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", - }, - }, - "tutoriaColorStrokeNegativeTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_negative_tint--active", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_negative_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_negative_tint", - "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", - }, - }, - "tutoriaColorStrokePositiveTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_positive_tint--active", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_positive_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_positive_tint", - "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", - }, - }, - "tutoriaColorStrokePrimary": { - "active": { - "name": "--vkui--tutoria_color_stroke_primary--active", - "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_primary--hover", - "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_primary", - "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", - }, - }, - "tutoriaColorStrokeSecondary": { - "active": { - "name": "--vkui--tutoria_color_stroke_secondary--active", - "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_secondary--hover", - "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_secondary", - "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", - }, - }, - "tutoriaColorStrokeTertiary": { - "active": { - "name": "--vkui--tutoria_color_stroke_tertiary--active", - "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_tertiary--hover", - "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_tertiary", - "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", - }, - }, - "tutoriaColorStrokeWarning": { - "active": { - "name": "--vkui--tutoria_color_stroke_warning--active", - "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_warning--hover", - "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_warning", - "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", - }, - }, - "tutoriaColorStrokeWarningTint": { - "active": { - "name": "--vkui--tutoria_color_stroke_warning_tint--active", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", - }, - "hover": { - "name": "--vkui--tutoria_color_stroke_warning_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", - }, - "normal": { - "name": "--vkui--tutoria_color_stroke_warning_tint", - "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", - }, - }, - "tutoriaColorTextInfo": { - "active": { - "name": "--vkui--tutoria_color_text_info--active", - "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", - }, - "hover": { - "name": "--vkui--tutoria_color_text_info--hover", - "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", - }, - "normal": { - "name": "--vkui--tutoria_color_text_info", - "value": "var(--vkui--tutoria_color_text_info, #008DF2)", - }, - }, - "tutoriaColorTextWarning": { - "active": { - "name": "--vkui--tutoria_color_text_warning--active", - "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", - }, - "hover": { - "name": "--vkui--tutoria_color_text_warning--hover", - "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--tutoria_color_text_warning", - "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", - }, - }, - "tutoriaFontTextTitle1": { - "auto": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title1--font_family", - "value": "var(--vkui--tutoria_font_text_title1--font_family)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title1--font_size", - "value": "var(--vkui--tutoria_font_text_title1--font_size)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title1--font_weight", - "value": "var(--vkui--tutoria_font_text_title1--font_weight)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title1--line_height", - "value": "var(--vkui--tutoria_font_text_title1--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title1--font_family--regular", - "value": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title1--font_size--regular", - "value": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title1--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title1--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", - }, - }, - }, - "tutoriaFontTextTitle2": { - "auto": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title2--font_family", - "value": "var(--vkui--tutoria_font_text_title2--font_family)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title2--font_size", - "value": "var(--vkui--tutoria_font_text_title2--font_size)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title2--font_weight", - "value": "var(--vkui--tutoria_font_text_title2--font_weight)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title2--line_height", - "value": "var(--vkui--tutoria_font_text_title2--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title2--font_family--regular", - "value": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title2--font_size--regular", - "value": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title2--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title2--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", - }, - }, - }, - "tutoriaFontTextTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title3--font_family", - "value": "var(--vkui--tutoria_font_text_title3--font_family)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title3--font_size", - "value": "var(--vkui--tutoria_font_text_title3--font_size)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title3--font_weight", - "value": "var(--vkui--tutoria_font_text_title3--font_weight)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title3--line_height", - "value": "var(--vkui--tutoria_font_text_title3--line_height)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--tutoria_font_text_title3--font_family--regular", - "value": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--tutoria_font_text_title3--font_size--regular", - "value": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", - }, - "fontWeight": { - "name": "--vkui--tutoria_font_text_title3--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", - }, - "lineHeight": { - "name": "--vkui--tutoria_font_text_title3--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", - }, - }, - }, - "tutoriaLayoutMaxWidth": { - "auto": { - "name": "--vkui--tutoria_layout_max_width", - "value": "var(--vkui--tutoria_layout_max_width)", - }, - "regular": { - "name": "--vkui--tutoria_layout_max_width--regular", - "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", - }, - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_large_border_radius", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", - }, - "regular": { - "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", - }, - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", - }, - "regular": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", - }, - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_small_border_radius", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", - }, - "regular": { - "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", - }, - }, - "tutoriaSizePaddingCard": { - "auto": { - "name": "--vkui--tutoria_size_padding_card", - "value": "var(--vkui--tutoria_size_padding_card)", - }, - "compact": { - "name": "--vkui--tutoria_size_padding_card--compact", - "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - }, - "regular": { - "name": "--vkui--tutoria_size_padding_card--regular", - "value": "var(--vkui--tutoria_size_padding_card--regular, 24px)", - }, - }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -326995,7 +359445,7 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -327003,83 +359453,83 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", + "active": "#26FFD4", + "hover": "#1CFFD2", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", + "active": "#AAB4BE", + "hover": "#A7B0BB", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", + "active": "#B5F820", + "hover": "#B2F717", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", + "active": "#FFA814", + "hover": "#FFA40A", "normal": "#ffa000", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", + "active": "#F16953", + "hover": "#F1634B", "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#EBB25F", - "hover": "#F5B961", + "active": "#FFC56F", + "hover": "#FFC368", "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#8D7CEF", - "hover": "#9380F7", + "active": "#A18FFF", + "hover": "#9D8AFF", "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#DD5AB6", - "hover": "#E65DBB", + "active": "#F16DC5", + "hover": "#F166C3", "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", + "active": "#FF4356", + "hover": "#FF3B4E", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#9B4AEF", - "hover": "#A24CF7", + "active": "#B05DFF", + "hover": "#AC56FF", "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorAvatarOverlay": { @@ -327093,24 +359543,24 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#090A0E", - "hover": "#0A0A0C", + "active": "#1E1E1E", + "hover": "#141414", "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -327118,23 +359568,23 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#17181D", - "hover": "#18191B", + "active": "#2B2B2C", + "hover": "#222223", "normal": "#19191a", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { @@ -327143,48 +359593,48 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#2E2F33", - "hover": "#303132", + "active": "#424242", + "hover": "#3A3A3A", "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#1A3652", - "hover": "#1B3753", + "active": "#2E4962", + "hover": "#25415B", "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#1A1C20", - "hover": "#1B1C1F", + "active": "#2E2F30", + "hover": "#252627", "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#4B2C2F", - "hover": "#4F2D2F", + "active": "#603F3F", + "hover": "#593636", "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3A2C", - "hover": "#2C3C2C", + "active": "#3F4D3C", + "hover": "#364633", "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#202126", - "hover": "#222225", + "active": "#353536", + "hover": "#2C2C2D", "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { @@ -327193,8 +359643,8 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#1D1F23", - "hover": "#1F1F22", + "active": "#323233", + "hover": "#29292A", "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { @@ -327203,28 +359653,28 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#413018", - "hover": "#443217", + "active": "#564328", + "hover": "#4E3B1E", "normal": "#473315", }, "colorButtonIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#202126", - "hover": "#222225", + "active": "#353536", + "hover": "#2C2C2D", "normal": "#232324", }, "colorFieldBorderAlpha": { @@ -327233,88 +359683,88 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#17181D", - "hover": "#18191B", + "active": "#2B2B2C", + "hover": "#222223", "normal": "#19191a", }, "colorIconAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorIconMedium": { - "active": "#A2A4AC", - "hover": "#A9ABB1", - "normal": "#b0b1b6", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", + "active": "#E3E5E8", + "hover": "#E2E4E7", "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#DAA353", - "hover": "#E4AA54", + "active": "#EEB663", + "hover": "#EEB35C", "normal": "#EDB055", }, "colorImageBorderAlpha": { @@ -327323,8 +359773,8 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#27292D", - "hover": "#282A2D", + "active": "#3B3C3D", + "hover": "#333334", "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { @@ -327333,9 +359783,9 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -327348,33 +359798,33 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#323438", - "hover": "#343538", - "normal": "#363738", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#5A5C61", - "hover": "#5E6062", + "active": "#6F6F70", + "hover": "#68696A", "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#323438", - "hover": "#343538", + "active": "#464748", + "hover": "#3E3F40", "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#3F4145", - "hover": "#414346", + "active": "#535455", + "hover": "#4B4C4D", "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#4A4D51", - "hover": "#4D4F52", + "active": "#5E6061", + "hover": "#57595A", "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { @@ -327383,158 +359833,158 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#121418", - "hover": "#131417", + "active": "#272728", + "hover": "#1D1D1E", "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#202126", - "hover": "#222225", + "active": "#353536", + "hover": "#2C2C2D", "normal": "#232324", }, "colorSkeletonTo": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#6D7075", - "hover": "#717478", + "active": "#818385", + "hover": "#7B7D7F", "normal": "#76787a", }, "colorTextAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextLink": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", + "active": "#5890D0", + "hover": "#508BCE", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#CFD2D8", - "hover": "#D8DBDF", + "active": "#E3E5E8", + "hover": "#E2E4E7", "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", + "active": "#E3E5E8", + "hover": "#E2E4E7", "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSubhead": { - "active": "#8A8F97", - "hover": "#90949B", - "normal": "#969a9f", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#3F4246", - "hover": "#424447", + "active": "#545556", + "hover": "#4C4D4E", "normal": "#454647", }, "colorTrackBuffer": { - "active": "#3B516E", - "hover": "#3D5470", + "active": "#4F647D", + "hover": "#485E78", "normal": "#405772", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#6D7075", - "hover": "#717478", + "active": "#818385", + "hover": "#7B7D7F", "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { @@ -327542,24 +359992,18 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.84)", "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "light", - "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", - "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", - "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", - "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", - "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "colorsScheme": "dark", + "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", + "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", + "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", - "fontWeight": 500, - "lineHeight": "16px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption1Caps": { @@ -327643,20 +360087,14 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "lineHeight": "22px", }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", - "fontWeight": 500, + "fontWeight": 400, "lineHeight": "16px", }, }, @@ -327670,24 +360108,36 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = }, }, "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -327695,43 +360145,39 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": "20px", }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", - "fontWeight": 500, + "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": "20px", }, }, "fontTitle1": { - "largeX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 600, - "lineHeight": "36px", - }, - "largeXX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "40px", - "fontWeight": 600, - "lineHeight": "44px", - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -327739,24 +360185,18 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", }, }, "fontTitle3": { - "compact": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "24px", - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": "22px", }, }, "fontWeightAccent1": 600, @@ -327765,9 +360205,9 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, @@ -327838,19 +360278,19 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "regular": "48px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "10px", + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "8px", + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "6px", + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", @@ -327865,19 +360305,22 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "regular": "1px", }, "sizeButtonLargeHeight": { + "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { + "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": "101px", + "regular": "80px", }, "sizeButtonPaddingHorizontal": { "regular": "12px", }, "sizeButtonSmallHeight": { - "regular": "28px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -327961,8 +360404,7 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "regular": "6px", }, "sizeSplitColPaddingHorizontal": { - "compact": "16px", - "regular": "24px", + "regular": "16px", }, "sizeSubnavigationBarGap": { "regular": "8px", @@ -327995,201 +360437,16 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "tutoriaDark", - "themeNameBase": "tutoria", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", "themeType": "pixelify", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", - }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", - }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", - }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", - }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", - }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", - }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", - }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", - }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", - }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", - }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", - }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", - }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", - }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", - }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", - }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", - }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", - }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", - }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", - }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", - }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", - }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "20px", - }, - }, - "tutoriaLayoutMaxWidth": { - "regular": "1224px", - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "8px", - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "10px", - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "12px", - }, - "tutoriaSizePaddingCard": { - "compact": "16px", - "regular": "24px", - }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -328197,83 +360454,83 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #689EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #6CA4E4)", + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", - "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #96A0AE)", - "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "active": "var(--vkui--color_accent_green--active, #59B959)", + "hover": "var(--vkui--color_accent_green--hover, #52B652)", "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A1E511)", - "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "active": "var(--vkui--color_accent_lime--active, #B5F820)", + "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { - "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #EBB25F)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #F5B961)", + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "active": "var(--vkui--color_accent_pink--active, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #8D7CEF)", - "hover": "var(--vkui--color_accent_purple--hover, #9380F7)", + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", "normal": "var(--vkui--color_accent_purple, #9985ff)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #DD5AB6)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #E65DBB)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", "normal": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "active": "var(--vkui--color_accent_red--active, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", - "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #9B4AEF)", - "hover": "var(--vkui--color_accent_violet--hover, #A24CF7)", + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #689EDD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #6CA4E4)", + "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { @@ -328287,24 +360544,24 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #090A0E)", - "hover": "var(--vkui--color_background--hover, #0A0A0C)", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #4B93E5)", - "hover": "var(--vkui--color_background_accent--hover, #4F98ED)", + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #4B93E5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #4F98ED)", + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #EBECEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_accent_themed, #ffffff)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -328312,23 +360569,23 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #17181D)", - "hover": "var(--vkui--color_background_content--hover, #18191B)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #ffffff)", + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { @@ -328337,48 +360594,48 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #2E2F33)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #303132)", + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", "normal": "var(--vkui--color_background_contrast_themed, #323232)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #1A3652)", - "hover": "var(--vkui--color_background_info_tint--hover, #1B3753)", + "active": "var(--vkui--color_background_info_tint--active, #2E4962)", + "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #1A1C20)", - "hover": "var(--vkui--color_background_modal--hover, #1B1C1F)", + "active": "var(--vkui--color_background_modal--active, #2E2F30)", + "hover": "var(--vkui--color_background_modal--hover, #252627)", "normal": "var(--vkui--color_background_modal, #1C1D1E)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #EB565A)", - "hover": "var(--vkui--color_background_negative--hover, #F5595B)", + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "active": "var(--vkui--color_background_positive--active, #59B959)", + "hover": "var(--vkui--color_background_positive--hover, #52B652)", "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #202126)", - "hover": "var(--vkui--color_background_secondary--hover, #222225)", + "active": "var(--vkui--color_background_secondary--active, #353536)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", "normal": "var(--vkui--color_background_secondary, #232324)", }, "colorBackgroundSecondaryAlpha": { @@ -328387,8 +360644,8 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #1D1F23)", - "hover": "var(--vkui--color_background_tertiary--hover, #1F1F22)", + "active": "var(--vkui--color_background_tertiary--active, #323233)", + "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", "normal": "var(--vkui--color_background_tertiary, #202021)", }, "colorBackgroundTertiaryAlpha": { @@ -328397,28 +360654,28 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #413018)", - "hover": "var(--vkui--color_background_warning--hover, #443217)", + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #EBECEF)", - "hover": "var(--vkui--color_button_icon--hover, #F5F5F7)", - "normal": "var(--vkui--color_button_icon, #ffffff)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #EBECEF)", - "hover": "var(--vkui--color_button_stroke--hover, #F5F5F7)", - "normal": "var(--vkui--color_button_stroke, #ffffff)", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #EBECEF)", - "hover": "var(--vkui--color_button_text--hover, #F5F5F7)", - "normal": "var(--vkui--color_button_text, #ffffff)", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #202126)", - "hover": "var(--vkui--color_field_background--hover, #222225)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { @@ -328427,88 +360684,88 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #17181D)", - "hover": "var(--vkui--color_header_background--hover, #18191B)", + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4B93E5)", - "hover": "var(--vkui--color_icon_accent--hover, #4F98ED)", + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #EBECEF)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_accent_themed, #ffffff)", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #ffffff)", + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #000105)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #000102)", + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #A2A4AC)", - "hover": "var(--vkui--color_icon_medium--hover, #A9ABB1)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": "var(--vkui--color_icon_medium--active, #BFC0C4)", + "hover": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + "normal": "var(--vkui--color_icon_medium, #B9BABF)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #EB565A)", - "hover": "var(--vkui--color_icon_negative--hover, #F5595B)", + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #45A64A)", - "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "active": "var(--vkui--color_icon_positive--active, #59B959)", + "hover": "var(--vkui--color_icon_positive--hover, #52B652)", "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #CFD2D8)", - "hover": "var(--vkui--color_icon_primary--hover, #D8DBDF)", + "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #6D7075)", - "hover": "var(--vkui--color_icon_secondary--hover, #717478)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": "var(--vkui--color_icon_secondary--active, #929496)", + "hover": "var(--vkui--color_icon_secondary--hover, #8E9092)", + "normal": "var(--vkui--color_icon_secondary, #898B8D)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #56595E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #595C60)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5D5F61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #DAA353)", - "hover": "var(--vkui--color_icon_warning--hover, #E4AA54)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "colorImageBorderAlpha": { @@ -328517,8 +360774,8 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #27292D)", - "hover": "var(--vkui--color_image_placeholder--hover, #282A2D)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { @@ -328527,9 +360784,9 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #ffffff)", + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -328542,33 +360799,33 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #689EDD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #6CA4E4)", + "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #323438)", - "hover": "var(--vkui--color_search_field_background--hover, #343538)", - "normal": "var(--vkui--color_search_field_background, #363738)", + "active": "var(--vkui--color_search_field_background--active, #3B3B3C)", + "hover": "var(--vkui--color_search_field_background--hover, #333333)", + "normal": "var(--vkui--color_search_field_background, #2A2A2B)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #5A5C61)", - "hover": "var(--vkui--color_segmented_control--hover, #5E6062)", + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #323438)", - "hover": "var(--vkui--color_separator_primary--hover, #343538)", + "active": "var(--vkui--color_separator_primary--active, #464748)", + "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", "normal": "var(--vkui--color_separator_primary, #363738)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #3F4145)", - "hover": "var(--vkui--color_separator_primary2x--hover, #414346)", + "active": "var(--vkui--color_separator_primary2x--active, #535455)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", "normal": "var(--vkui--color_separator_primary2x, #444546)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #4A4D51)", - "hover": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "colorSeparatorPrimaryAlpha": { @@ -328577,158 +360834,158 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #121418)", - "hover": "var(--vkui--color_separator_secondary--hover, #131417)", + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", "normal": "var(--vkui--color_separator_secondary, #141415)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #202126)", - "hover": "var(--vkui--color_skeleton_from--hover, #222225)", + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", "normal": "var(--vkui--color_skeleton_from, #232324)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #282B2F)", - "hover": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4B93E5)", - "hover": "var(--vkui--color_stroke_accent--hover, #4F98ED)", + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_accent_themed, #ffffff)", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #ffffff)", + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #EB565A)", - "hover": "var(--vkui--color_stroke_negative--hover, #F5595B)", + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #45A64A)", - "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "active": "var(--vkui--color_stroke_positive--active, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #6D7075)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #717478)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4B93E5)", - "hover": "var(--vkui--color_text_accent--hover, #4F98ED)", + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_accent_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_accent_themed, #ffffff)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #ffffff)", + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #000105)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #000102)", + "active": "var(--vkui--color_text_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #4B93E5)", - "hover": "var(--vkui--color_text_link--hover, #4F98ED)", + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #EBECEF)", - "hover": "var(--vkui--color_text_link_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_link_themed, #ffffff)", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", "normal": "var(--vkui--color_text_link_tint, #71aaeb)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #437DC1)", - "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "active": "var(--vkui--color_text_link_visited--active, #5890D0)", + "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #CFD2D8)", - "hover": "var(--vkui--color_text_muted--hover, #D8DBDF)", + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #EB565A)", - "hover": "var(--vkui--color_text_negative--hover, #F5595B)", + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #45A64A)", - "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "active": "var(--vkui--color_text_positive--active, #59B959)", + "hover": "var(--vkui--color_text_positive--hover, #52B652)", "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #CFD2D8)", - "hover": "var(--vkui--color_text_primary--hover, #D8DBDF)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #000105)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "active": "var(--vkui--color_text_primary_invariably--active, #141414)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #6D7075)", - "hover": "var(--vkui--color_text_secondary--hover, #717478)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #999B9D)", + "hover": "var(--vkui--color_text_secondary--hover, #949698)", + "normal": "var(--vkui--color_text_secondary, #909294)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #8A8F97)", - "hover": "var(--vkui--color_text_subhead--hover, #90949B)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "active": "var(--vkui--color_text_subhead--active, #BFC0C4)", + "hover": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "normal": "var(--vkui--color_text_subhead, #B9BABF)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #56595E)", - "hover": "var(--vkui--color_text_tertiary--hover, #595C60)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "active": "var(--vkui--color_text_tertiary--active, #77797B)", + "hover": "var(--vkui--color_text_tertiary--hover, #717375)", + "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #3F4246)", - "hover": "var(--vkui--color_track_background--hover, #424447)", + "active": "var(--vkui--color_track_background--active, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", "normal": "var(--vkui--color_track_background, #454647)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #3B516E)", - "hover": "var(--vkui--color_track_buffer--hover, #3D5470)", + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", "normal": "var(--vkui--color_track_buffer, #405772)", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #6D7075)", - "hover": "var(--vkui--color_write_bar_icon--hover, #717478)", + "active": "var(--vkui--color_write_bar_icon--active, #818385)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", "normal": "var(--vkui--color_write_bar_icon, #76787a)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #282B2F)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #2A2C2F)", + "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #282B2F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, "colorWriteBarInputBorderAlpha": { @@ -328736,24 +360993,18 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, - "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", - "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", - "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", - "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", "fontCaption1": { - "compact": { - "fontFamily": "var(--vkui--font_caption1--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_caption1--font_size--compact, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--compact, 16px)", - }, "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, "fontCaption1Caps": { @@ -328837,20 +361088,14 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { - "compact": { - "fontFamily": "var(--vkui--font_footnote--font_family--compact, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_footnote--font_size--compact, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--compact, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--compact, 16px)", - }, "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", - "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, @@ -328864,24 +361109,36 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] }, }, "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -328889,43 +361146,39 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_paragraph--font_size--regular, 14px)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 18px)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", }, }, "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", - "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 500)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { - "largeX": { - "fontFamily": "var(--vkui--font_title1--font_family--large_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--large_x, 32px)", - "fontWeight": "var(--vkui--font_title1--font_weight--large_x, 600)", - "lineHeight": "var(--vkui--font_title1--line_height--large_x, 36px)", - }, - "largeXX": { - "fontFamily": "var(--vkui--font_title1--font_family--large_x_x, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title1--font_size--large_x_x, 40px)", - "fontWeight": "var(--vkui--font_title1--font_weight--large_x_x, 600)", - "lineHeight": "var(--vkui--font_title1--line_height--large_x_x, 44px)", - }, "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -328933,24 +361186,18 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, "fontTitle3": { - "compact": { - "fontFamily": "var(--vkui--font_title3--font_family--compact, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--compact, 16px)", - "fontWeight": "var(--vkui--font_title3--font_weight--compact, 600)", - "lineHeight": "var(--vkui--font_title3--line_height--compact, 24px)", - }, "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_title3--font_size--regular, 16px)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 24px)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", @@ -328959,9 +361206,9 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradient": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "opacityDisable": "var(--vkui--opacity_disable, 0.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -329032,19 +361279,19 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", @@ -329059,19 +361306,22 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, "sizeButtonPaddingHorizontal": { "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 28px)", + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -329155,8 +361405,7 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSplitColPaddingHorizontal": { - "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", @@ -329189,201 +361438,16 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, tutoriaDark)", - "themeNameBase": "var(--vkui--theme_name_base, tutoria)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkAccessibilityDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", "themeType": "pixelify", - "tutoriaColorBackgroundAccentTint": { - "active": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", - "hover": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", - "normal": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", - }, - "tutoriaColorBackgroundContentInverse": { - "active": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", - "hover": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", - "normal": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", - }, - "tutoriaColorBackgroundInfo": { - "active": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", - "hover": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", - "normal": "var(--vkui--tutoria_color_background_info, #008DF2)", - }, - "tutoriaColorBackgroundInfoTint": { - "active": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", - "hover": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", - "normal": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", - }, - "tutoriaColorBackgroundNegativeTint": { - "active": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", - "hover": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", - "normal": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", - }, - "tutoriaColorBackgroundNeutral": { - "active": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", - "hover": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", - "normal": "var(--vkui--tutoria_color_background_neutral, #939FAD)", - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", - "hover": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", - "normal": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", - }, - "tutoriaColorBackgroundPositiveTint": { - "active": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", - "hover": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", - "normal": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", - }, - "tutoriaColorBackgroundPrimary": { - "active": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", - "hover": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", - "normal": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", - }, - "tutoriaColorBackgroundWarning": { - "active": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", - "hover": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", - "normal": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", - }, - "tutoriaColorBackgroundWarningTint": { - "active": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", - "hover": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", - "normal": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "var(--vkui--tutoria_color_card_box_shadow_alpha--active, rgba(37, 41, 46, 0.12))", - "hover": "var(--vkui--tutoria_color_card_box_shadow_alpha--hover, rgba(37, 41, 46, 0.08))", - "normal": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", - }, - "tutoriaColorIconInfo": { - "active": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_icon_info, #008DF2)", - }, - "tutoriaColorIconLink": { - "active": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_icon_link, #008DF2)", - }, - "tutoriaColorIconWarning": { - "active": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", - "hover": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", - "normal": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", - "hover": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", - "normal": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", - "hover": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", - "normal": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", - }, - "tutoriaColorStrokeAccentTint": { - "active": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", - "hover": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", - "normal": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", - }, - "tutoriaColorStrokeInfo": { - "active": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_stroke_info, #008DF2)", - }, - "tutoriaColorStrokeInfoTint": { - "active": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", - "hover": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", - "normal": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", - }, - "tutoriaColorStrokeNegativeTint": { - "active": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", - "hover": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", - "normal": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", - }, - "tutoriaColorStrokePositiveTint": { - "active": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", - "hover": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", - "normal": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", - }, - "tutoriaColorStrokePrimary": { - "active": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", - "hover": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", - "normal": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", - }, - "tutoriaColorStrokeSecondary": { - "active": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", - "hover": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", - "normal": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", - }, - "tutoriaColorStrokeTertiary": { - "active": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", - "hover": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", - "normal": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", - }, - "tutoriaColorStrokeWarning": { - "active": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", - "hover": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", - "normal": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", - }, - "tutoriaColorStrokeWarningTint": { - "active": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", - "hover": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", - "normal": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", - }, - "tutoriaColorTextInfo": { - "active": "var(--vkui--tutoria_color_text_info--active, #0083E4)", - "hover": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", - "normal": "var(--vkui--tutoria_color_text_info, #008DF2)", - }, - "tutoriaColorTextWarning": { - "active": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", - "hover": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", - "normal": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", - }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "var(--vkui--tutoria_font_text_title1--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", - "lineHeight": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", - }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "var(--vkui--tutoria_font_text_title2--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", - "lineHeight": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", - }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "var(--vkui--tutoria_font_text_title3--font_family--regular, Roboto, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", - "fontWeight": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", - "lineHeight": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", - }, - }, - "tutoriaLayoutMaxWidth": { - "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", - }, - "tutoriaSizePaddingCard": { - "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", - }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -329391,83 +361455,83 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", + "active": "#26FFD4", + "hover": "#1CFFD2", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", + "active": "#AAB4BE", + "hover": "#A7B0BB", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", + "active": "#B5F820", + "hover": "#B2F717", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", + "active": "#FFA814", + "hover": "#FFA40A", "normal": "#ffa000", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", + "active": "#F16953", + "hover": "#F1634B", "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#EBB25F", - "hover": "#F5B961", + "active": "#FFC56F", + "hover": "#FFC368", "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#8D7CEF", - "hover": "#9380F7", + "active": "#A18FFF", + "hover": "#9D8AFF", "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#DD5AB6", - "hover": "#E65DBB", + "active": "#F16DC5", + "hover": "#F166C3", "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", + "active": "#FF4356", + "hover": "#FF3B4E", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#9B4AEF", - "hover": "#A24CF7", + "active": "#B05DFF", + "hover": "#AC56FF", "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorAvatarOverlay": { @@ -329481,24 +361545,24 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#090A0E", - "hover": "#0A0A0C", + "active": "#1E1E1E", + "hover": "#141414", "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -329506,23 +361570,23 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#17181D", - "hover": "#18191B", + "active": "#2B2B2C", + "hover": "#222223", "normal": "#19191a", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { @@ -329531,48 +361595,48 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#2E2F33", - "hover": "#303132", + "active": "#424242", + "hover": "#3A3A3A", "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#1A3652", - "hover": "#1B3753", + "active": "#2E4962", + "hover": "#25415B", "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#1A1C20", - "hover": "#1B1C1F", + "active": "#2E2F30", + "hover": "#252627", "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#4B2C2F", - "hover": "#4F2D2F", + "active": "#603F3F", + "hover": "#593636", "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3A2C", - "hover": "#2C3C2C", + "active": "#3F4D3C", + "hover": "#364633", "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#202126", - "hover": "#222225", + "active": "#353536", + "hover": "#2C2C2D", "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { @@ -329581,8 +361645,8 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#1D1F23", - "hover": "#1F1F22", + "active": "#323233", + "hover": "#29292A", "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { @@ -329591,28 +361655,28 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#413018", - "hover": "#443217", + "active": "#564328", + "hover": "#4E3B1E", "normal": "#473315", }, "colorButtonIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#202126", - "hover": "#222225", + "active": "#353536", + "hover": "#2C2C2D", "normal": "#232324", }, "colorFieldBorderAlpha": { @@ -329621,88 +361685,88 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#17181D", - "hover": "#18191B", + "active": "#2B2B2C", + "hover": "#222223", "normal": "#19191a", }, "colorIconAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorIconMedium": { - "active": "#A2A4AC", - "hover": "#A9ABB1", - "normal": "#b0b1b6", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", + "active": "#E3E5E8", + "hover": "#E2E4E7", "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#DAA353", - "hover": "#E4AA54", + "active": "#EEB663", + "hover": "#EEB35C", "normal": "#EDB055", }, "colorImageBorderAlpha": { @@ -329711,8 +361775,8 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#27292D", - "hover": "#282A2D", + "active": "#3B3C3D", + "hover": "#333334", "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { @@ -329721,9 +361785,9 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -329736,33 +361800,33 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#323438", - "hover": "#343538", - "normal": "#363738", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#5A5C61", - "hover": "#5E6062", + "active": "#6F6F70", + "hover": "#68696A", "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#323438", - "hover": "#343538", + "active": "#464748", + "hover": "#3E3F40", "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#3F4145", - "hover": "#414346", + "active": "#535455", + "hover": "#4B4C4D", "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#4A4D51", - "hover": "#4D4F52", + "active": "#5E6061", + "hover": "#57595A", "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { @@ -329771,158 +361835,158 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#121418", - "hover": "#131417", + "active": "#272728", + "hover": "#1D1D1E", "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#202126", - "hover": "#222225", + "active": "#353536", + "hover": "#2C2C2D", "normal": "#232324", }, "colorSkeletonTo": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#6D7075", - "hover": "#717478", + "active": "#818385", + "hover": "#7B7D7F", "normal": "#76787a", }, "colorTextAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextLink": { - "active": "#4B93E5", - "hover": "#4F98ED", + "active": "#60A6F5", + "hover": "#59A2F4", "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", + "active": "#5890D0", + "hover": "#508BCE", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#CFD2D8", - "hover": "#D8DBDF", + "active": "#E3E5E8", + "hover": "#E2E4E7", "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", + "active": "#E3E5E8", + "hover": "#E2E4E7", "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSubhead": { - "active": "#8A8F97", - "hover": "#90949B", - "normal": "#969a9f", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#3F4246", - "hover": "#424447", + "active": "#545556", + "hover": "#4C4D4E", "normal": "#454647", }, "colorTrackBuffer": { - "active": "#3B516E", - "hover": "#3D5470", + "active": "#4F647D", + "hover": "#485E78", "normal": "#405772", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#6D7075", - "hover": "#717478", + "active": "#818385", + "hover": "#7B7D7F", "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { @@ -329930,24 +361994,18 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.84)", "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "light", - "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", - "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", - "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", - "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", - "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "colorsScheme": "dark", + "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", + "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", + "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, - "fontWeight": 500, - "lineHeight": 16, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption1Caps": { @@ -330031,20 +362089,14 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "lineHeight": 22, }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, - "fontWeight": 500, + "fontWeight": 400, "lineHeight": 16, }, }, @@ -330058,24 +362110,36 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` }, }, "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 20, }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 20, }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -330083,43 +362147,39 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": 18, + "lineHeight": 20, }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, - "fontWeight": 500, + "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, - "lineHeight": 24, + "lineHeight": 20, }, }, "fontTitle1": { - "largeX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 600, - "lineHeight": 36, - }, - "largeXX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 40, - "fontWeight": 600, - "lineHeight": 44, - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -330127,24 +362187,18 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, }, }, "fontTitle3": { - "compact": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 24, - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, "fontWeight": 600, - "lineHeight": 24, + "lineHeight": 22, }, }, "fontWeightAccent1": 600, @@ -330153,9 +362207,9 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, @@ -330226,19 +362280,19 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 10, + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 8, + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 6, + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, @@ -330253,19 +362307,22 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonLargeHeight": { + "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { + "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": 101, + "regular": 80, }, "sizeButtonPaddingHorizontal": { "regular": 12, }, "sizeButtonSmallHeight": { - "regular": 28, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -330349,8 +362406,7 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "compact": 16, - "regular": 24, + "regular": 16, }, "sizeSubnavigationBarGap": { "regular": 8, @@ -330383,201 +362439,16 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "tutoriaDark", - "themeNameBase": "tutoria", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", "themeType": "root", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", - }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", - }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", - }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", - }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", - }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", - }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", - }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", - }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", - }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", - }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", - }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", - }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", - }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", - }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", - }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", - }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", - }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", - }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", - }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", - }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", - }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", - }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", - }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 20, - }, - }, - "tutoriaLayoutMaxWidth": { - "regular": 1224, - }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": 8, - }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": 10, - }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": 12, - }, - "tutoriaSizePaddingCard": { - "compact": 16, - "regular": 24, - }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -330597,7 +362468,7 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { @@ -333230,7 +365101,7 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -333280,7 +365151,7 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -333532,7 +365403,7 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -333646,11 +365517,11 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -333776,11 +365647,11 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -333790,11 +365661,11 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -333804,11 +365675,11 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -333867,11 +365738,11 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibility)", + "value": "var(--vkui--theme_name, vkAccessibilityIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibility)", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -333885,13 +365756,13 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -334691,7 +366562,7 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -334706,7 +366577,7 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -334781,7 +366652,7 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -334815,8 +366686,8 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -334853,16 +366724,16 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -334878,21 +366749,21 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibility", - "themeNameBase": "vkAccessibility", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", @@ -335692,7 +367563,7 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -335707,7 +367578,7 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -335782,7 +367653,7 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -335816,8 +367687,8 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -335854,16 +367725,16 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -335879,21 +367750,21 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkAccessibility)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", + "themeName": "var(--vkui--theme_name, vkAccessibilityIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibilityIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -336693,7 +368564,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -336708,7 +368579,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -336783,7 +368654,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -336817,8 +368688,8 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -336855,16 +368726,16 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -336880,15 +368751,15 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibility", - "themeNameBase": "vkAccessibility", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -336908,7 +368779,7 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { @@ -339541,7 +371412,7 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -339591,7 +371462,7 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -339843,7 +371714,7 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -339957,11 +371828,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -340087,11 +371958,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -340101,11 +371972,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -340115,11 +371986,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -340178,11 +372049,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibilityDark)", + "value": "var(--vkui--theme_name, vkAccessibilityIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibility)", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -340196,13 +372067,13 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = } `; -exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -341002,7 +372873,7 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -341017,7 +372888,7 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -341092,7 +372963,7 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -341126,8 +372997,8 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -341164,16 +373035,16 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -341189,21 +373060,21 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityDark", - "themeNameBase": "vkAccessibility", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #1482FF)", "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", @@ -342003,7 +373874,7 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -342018,7 +373889,7 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -342093,7 +373964,7 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -342127,8 +373998,8 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -342165,16 +374036,16 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -342190,21 +374061,21 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkAccessibilityDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", + "themeName": "var(--vkui--theme_name, vkAccessibilityIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibilityIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -343004,7 +374875,7 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -343019,7 +374890,7 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -343094,7 +374965,7 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -343128,8 +374999,8 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -343166,16 +375037,16 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -343191,15 +375062,15 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityDark", - "themeNameBase": "vkAccessibility", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -343219,7 +375090,7 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -343840,15 +375711,15 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E1E3E6)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EBECEE)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F5F5F5)", + "value": "var(--vkui--color_field_background, #f2f3f5)", }, }, "colorFieldBorderAlpha": { @@ -343952,29 +375823,29 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #5D6878)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #616C7A)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #65707D)", + "value": "var(--vkui--color_icon_medium, #818c99)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", }, }, "colorIconNegative": { @@ -344036,57 +375907,57 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #7B8390)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #818893)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #868d97)", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #a6adb7)", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", }, }, "colorIconWarning": { @@ -344120,15 +375991,15 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #F5F5F5)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "colorImagePlaceholderAlpha": { @@ -344204,15 +376075,15 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #F2F3F5)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "colorSegmentedControl": { @@ -344596,43 +376467,43 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #5D6878)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #616C7A)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #65707D)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #515C6B)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #54606D)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #58636F)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #798391)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #848D98)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { @@ -344694,15 +376565,15 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, "colorWriteBarInputBorder": { @@ -345852,7 +377723,7 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -345902,7 +377773,7 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -346154,7 +378025,7 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, "sizeCardgridPadding": { @@ -346268,11 +378139,11 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, "sizePopupBasePadding": { @@ -346398,11 +378269,11 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -346412,11 +378283,11 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -346426,11 +378297,11 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -346483,17 +378354,13 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", - }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibilityIOS)", + "value": "var(--vkui--theme_name, vkBase)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + "value": "var(--vkui--theme_name_base, vkBase)", }, "themeType": "cssVars", "zIndexModal": { @@ -346507,13 +378374,13 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = } `; -exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -346735,9 +378602,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -346775,14 +378642,14 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "#ffffff", }, "colorIconMedium": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { "active": "#D44245", @@ -346805,24 +378672,24 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { "active": "#E4941F", @@ -346835,9 +378702,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -346865,9 +378732,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -347005,19 +378872,19 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "#000000", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { "active": "#CFD2D8", @@ -347040,9 +378907,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", @@ -347313,7 +379180,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -347328,7 +379195,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -347403,7 +379270,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -347437,8 +379304,8 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -347475,16 +379342,16 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -347499,22 +379366,21 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibilityIOS", - "themeNameBase": "vkAccessibilityIOS", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", @@ -347736,9 +379602,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #E1E3E6)", - "hover": "var(--vkui--color_field_background--hover, #EBECEE)", - "normal": "var(--vkui--color_field_background, #F5F5F5)", + "active": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -347776,14 +379642,14 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #5D6878)", - "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", - "normal": "var(--vkui--color_icon_medium, #65707D)", + "active": "var(--vkui--color_icon_medium--active, #778292)", + "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", + "normal": "var(--vkui--color_icon_medium, #818c99)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", @@ -347806,24 +379672,24 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #7B8390)", - "hover": "var(--vkui--color_icon_secondary--hover, #818893)", - "normal": "var(--vkui--color_icon_secondary, #868d97)", + "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "normal": "var(--vkui--color_icon_secondary, #99a2ad)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #99A0AD)", - "hover": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", - "normal": "var(--vkui--color_icon_tertiary, #a6adb7)", + "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #E4941F)", @@ -347836,9 +379702,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #E1E3E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", - "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", + "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", }, "colorImagePlaceholderAlpha": { "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", @@ -347866,9 +379732,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_search_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_search_field_background, #F2F3F5)", + "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -348006,19 +379872,19 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #5D6878)", - "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", - "normal": "var(--vkui--color_text_secondary, #65707D)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #515C6B)", - "hover": "var(--vkui--color_text_subhead--hover, #54606D)", - "normal": "var(--vkui--color_text_subhead, #58636F)", + "active": "var(--vkui--color_text_subhead--active, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #798391)", - "hover": "var(--vkui--color_text_tertiary--hover, #7F8894)", - "normal": "var(--vkui--color_text_tertiary, #848D98)", + "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "colorTrackBackground": { "active": "var(--vkui--color_track_background--active, #CFD2D8)", @@ -348041,9 +379907,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", - "normal": "var(--vkui--color_write_bar_input_background, #F5F5F5)", + "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, "colorWriteBarInputBorder": { "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", @@ -348314,7 +380180,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -348329,7 +380195,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -348404,7 +380270,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -348438,8 +380304,8 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -348476,16 +380342,16 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -348500,22 +380366,21 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkAccessibilityIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + "themeName": "var(--vkui--theme_name, vkBase)", + "themeNameBase": "var(--vkui--theme_name_base, vkBase)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -348737,9 +380602,9 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -348777,14 +380642,14 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "#ffffff", }, "colorIconMedium": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { "active": "#D44245", @@ -348807,24 +380672,24 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { "active": "#E4941F", @@ -348837,9 +380702,9 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -348867,9 +380732,9 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -349007,19 +380872,19 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "#000000", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { "active": "#CFD2D8", @@ -349042,9 +380907,9 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", @@ -349315,7 +381180,7 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -349330,7 +381195,7 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -349405,7 +381270,7 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -349439,8 +381304,8 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -349477,16 +381342,16 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -349501,16 +381366,15 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibilityIOS", - "themeNameBase": "vkAccessibilityIOS", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -349530,7 +381394,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -350263,29 +382127,29 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B9BABF)", + "value": "var(--vkui--color_icon_medium, #b0b1b6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { @@ -350347,29 +382211,29 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #929496)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #898B8D)", + "value": "var(--vkui--color_icon_secondary, #76787a)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, }, "colorIconTertiary": { @@ -350383,21 +382247,21 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5D5F61)", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, }, "colorIconWarning": { @@ -350515,15 +382379,15 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #3B3B3C)", + "value": "var(--vkui--color_search_field_background--active, #464748)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #333333)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #2A2A2B)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { @@ -350907,43 +382771,43 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #999B9D)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #949698)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #909294)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #B9BABF)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #77797B)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #717375)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #6B6D6F)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { @@ -352163,7 +384027,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -352213,7 +384077,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -352465,7 +384329,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, "sizeCardgridPadding": { @@ -352579,11 +384443,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, "sizePopupBasePadding": { @@ -352709,11 +384573,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -352723,11 +384587,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -352737,11 +384601,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -352796,15 +384660,15 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "value": "var(--vkui--theme_inherits_from, vkBase)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibilityIOSDark)", + "value": "var(--vkui--theme_name, vkBaseDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + "value": "var(--vkui--theme_name_base, vkBase)", }, "themeType": "cssVars", "zIndexModal": { @@ -352818,13 +384682,13 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` } `; -exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -353086,14 +384950,14 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "#000000", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { "active": "#FF6969", @@ -353116,24 +384980,24 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { "active": "#6A6C6E", "hover": "#636567", - "normal": "#5D5F61", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { "active": "#EEB663", @@ -353176,9 +385040,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -353316,19 +385180,19 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { "active": "#545556", @@ -353624,7 +385488,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -353639,7 +385503,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -353714,7 +385578,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -353748,8 +385612,8 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -353786,16 +385650,16 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -353810,22 +385674,22 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityIOSDark", - "themeNameBase": "vkAccessibilityIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #1482FF)", "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", @@ -354087,14 +385951,14 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #BFC0C4)", - "hover": "var(--vkui--color_icon_medium--hover, #BCBDC2)", - "normal": "var(--vkui--color_icon_medium, #B9BABF)", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", @@ -354117,24 +385981,24 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #929496)", - "hover": "var(--vkui--color_icon_secondary--hover, #8E9092)", - "normal": "var(--vkui--color_icon_secondary, #898B8D)", + "active": "var(--vkui--color_icon_secondary--active, #818385)", + "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, "colorIconTertiary": { "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5D5F61)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -354177,9 +386041,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #3B3B3C)", - "hover": "var(--vkui--color_search_field_background--hover, #333333)", - "normal": "var(--vkui--color_search_field_background, #2A2A2B)", + "active": "var(--vkui--color_search_field_background--active, #464748)", + "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--color_search_field_background, #363738)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -354317,19 +386181,19 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #999B9D)", - "hover": "var(--vkui--color_text_secondary--hover, #949698)", - "normal": "var(--vkui--color_text_secondary, #909294)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #BFC0C4)", - "hover": "var(--vkui--color_text_subhead--hover, #BCBDC2)", - "normal": "var(--vkui--color_text_subhead, #B9BABF)", + "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #77797B)", - "hover": "var(--vkui--color_text_tertiary--hover, #717375)", - "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", + "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "colorTrackBackground": { "active": "var(--vkui--color_track_background--active, #545556)", @@ -354625,7 +386489,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -354640,7 +386504,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -354715,7 +386579,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -354749,8 +386613,8 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -354787,16 +386651,16 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -354811,22 +386675,22 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkAccessibilityIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkBaseDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkBase)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -355088,14 +386952,14 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "#000000", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { "active": "#FF6969", @@ -355118,24 +386982,24 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { "active": "#6A6C6E", "hover": "#636567", - "normal": "#5D5F61", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { "active": "#EEB663", @@ -355178,9 +387042,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -355318,19 +387182,19 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { "active": "#545556", @@ -355626,7 +387490,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -355641,7 +387505,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -355716,7 +387580,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -355750,8 +387614,8 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -355788,16 +387652,16 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -355812,16 +387676,16 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityIOSDark", - "themeNameBase": "vkAccessibilityIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -355846,57 +387710,57 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "value": "var(--vkui--color_accent_azure--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "value": "var(--vkui--color_accent_azure--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #3F8AE0)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", + "value": "var(--vkui--color_accent_blue--active, #4B78AE)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #5181B8)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "value": "var(--vkui--color_accent_cyan--hover, #77EBD6)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #7CF4DC)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #AEB7C2)", }, }, "colorAccentGreen": { @@ -355910,21 +387774,21 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", + "value": "var(--vkui--color_accent_lime--active, #B0E54E)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "value": "var(--vkui--color_accent_lime--hover, #B7EE4E)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #BFF74F)", }, }, "colorAccentOrange": { @@ -355938,7 +387802,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "colorAccentOrangeFire": { @@ -355972,15 +387836,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", + "value": "var(--vkui--color_accent_pink--active, #E27CEF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "value": "var(--vkui--color_accent_pink--hover, #EC80F7)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #F685FF)", }, }, "colorAccentPurple": { @@ -355994,7 +387858,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #735CE6)", }, }, "colorAccentRaspberryPink": { @@ -356022,7 +387886,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { @@ -356050,7 +387914,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #792EC0)", }, }, "colorActionSheetText": { @@ -356098,71 +387962,71 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "value": "var(--vkui--color_background--active, #DADCE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #EDEEF0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #447BBA)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "value": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #447BBA)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_background_accent_themed--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #447BBA)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, }, "colorBackgroundAccentTint": { @@ -356190,7 +388054,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContrast": { @@ -356204,21 +388068,21 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #ffffff)", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #313233)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #333333)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -356280,15 +388144,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, }, "colorBackgroundNegative": { @@ -356302,21 +388166,21 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #E64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, }, "colorBackgroundPositive": { @@ -356330,7 +388194,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #4BB34B)", }, }, "colorBackgroundPositiveTint": { @@ -356350,43 +388214,43 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #F0F2F5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #FAFBFC)", }, }, "colorBackgroundTertiaryAlpha": { @@ -356420,57 +388284,57 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #305B90)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #346297)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #305B90)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #346297)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #305B90)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #346297)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #E3E5EB)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #EDEFF2)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #F7F8FA)", }, }, "colorFieldBorderAlpha": { @@ -356498,35 +388362,35 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #ffffff)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #447BBA)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #3770B1)", }, }, "colorIconContrast": { @@ -356540,7 +388404,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #ffffff)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { @@ -356568,21 +388432,21 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #66717F)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #6B7582)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #6F7985)", }, }, "colorIconMediumAlpha": { @@ -356610,7 +388474,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #E64646)", }, }, "colorIconPositive": { @@ -356624,7 +388488,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { @@ -356644,15 +388508,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #313233)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #333333)", }, }, "colorIconSecondary": { @@ -356666,7 +388530,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #99A2AD)", }, }, "colorIconSecondaryAlpha": { @@ -356686,15 +388550,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, }, "colorIconTertiaryAlpha": { @@ -356778,7 +388642,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #ffffff)", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", }, }, "colorOverlayPrimary": { @@ -356812,29 +388676,29 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "value": "var(--vkui--color_panel_header_icon--active, #3F72B0)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "value": "var(--vkui--color_panel_header_icon, #447BBA)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "value": "var(--vkui--color_search_field_background--active, #DADCE2)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #EDEEF0)", }, }, "colorSegmentedControl": { @@ -356854,15 +388718,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #DCE1E6)", }, }, "colorSeparatorPrimary2x": { @@ -356876,7 +388740,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, }, "colorSeparatorPrimary3x": { @@ -356890,7 +388754,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, }, "colorSeparatorPrimaryAlpha": { @@ -356910,71 +388774,71 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #E7E8EC)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #F0F2F5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #E7E8EC)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #447BBA)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, }, "colorStrokeContrast": { @@ -357002,7 +388866,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #E64646)", }, }, "colorStrokePositive": { @@ -357016,7 +388880,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "colorTabbarTextInactive": { @@ -357036,29 +388900,29 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #447BBA)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #3770B1)", }, }, "colorTextContrast": { @@ -357072,7 +388936,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, "colorTextContrastThemed": { @@ -357086,35 +388950,35 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #2A5885)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "value": "var(--vkui--color_text_link_themed--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link_themed--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #2A5885)", }, }, "colorTextLinkTint": { @@ -357148,15 +389012,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #2F3034)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #313233)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #333333)", }, }, "colorTextNegative": { @@ -357170,7 +389034,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #E64646)", }, }, "colorTextPositive": { @@ -357184,7 +389048,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { @@ -357204,15 +389068,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "value": "var(--vkui--color_text_primary_invariably--active, #2F3034)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "value": "var(--vkui--color_text_primary_invariably--hover, #313233)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #333333)", }, }, "colorTextSecondary": { @@ -357226,21 +389090,21 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #818C99)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #5A6675)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #5E6978)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #626D7A)", }, }, "colorTextTertiary": { @@ -357254,35 +389118,35 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #99A2AD)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #CBD1D8)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #D3D9DE)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #3F72B0)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #4177B5)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #447BBA)", }, }, "colorTransparent": { @@ -357302,43 +389166,43 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "value": "var(--vkui--color_write_bar_icon--active, #778292)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "value": "var(--vkui--color_write_bar_icon--hover, #7C8795)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "value": "var(--vkui--color_write_bar_icon, #818C99)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "value": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", }, "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, #FFFFFF)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "value": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "value": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", }, "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, #D3D9DE)", }, }, "colorWriteBarInputBorderAlpha": { @@ -357401,7 +389265,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -357443,7 +389307,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -357485,7 +389349,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -357527,7 +389391,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -357569,7 +389433,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -357611,7 +389475,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -357653,7 +389517,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -357691,7 +389555,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -357709,7 +389573,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -357747,7 +389611,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -357785,7 +389649,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -357803,15 +389667,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -357835,7 +389699,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -357877,7 +389741,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -357919,17 +389783,17 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", + "value": "var(--vkui--font_headline--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "value": "var(--vkui--font_headline--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -357967,17 +389831,17 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "value": "var(--vkui--font_headline1--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -358025,7 +389889,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -358063,7 +389927,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -358101,17 +389965,17 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -358149,17 +390013,17 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", + "value": "var(--vkui--font_text--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", + "value": "var(--vkui--font_text--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -358197,7 +390061,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -358235,7 +390099,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -358273,7 +390137,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -358474,7 +390338,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -358850,7 +390714,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, }, "sizeIconUI": { @@ -358894,7 +390758,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 48px)", }, }, "sizePopupBasePadding": { @@ -358952,7 +390816,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "value": "var(--vkui--size_popup_small--regular, 448px)", }, }, "sizeSearchHeight": { @@ -359020,11 +390884,11 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -359034,11 +390898,11 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -359048,11 +390912,11 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -359105,13 +390969,17 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBase)", + "value": "var(--vkui--theme_name, vkCom)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkBase)", + "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", "zIndexModal": { @@ -359125,7 +390993,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -359133,39 +391001,39 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -359178,14 +391046,14 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735ce6", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -359195,7 +391063,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -359205,7 +391073,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792ec0", + "normal": "#792EC0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -359223,29 +391091,29 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(68, 123, 186, 0.2)", + "hover": "rgba(68, 123, 186, 0.16)", + "normal": "rgba(68, 123, 186, 0.12)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -359255,17 +391123,17 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -359288,24 +391156,24 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -359313,19 +391181,19 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -359338,24 +391206,24 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -359365,22 +391233,22 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -359390,12 +391258,12 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -359405,12 +391273,12 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#282B2F", @@ -359418,14 +391286,14 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -359433,9 +391301,9 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -359465,7 +391333,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -359478,14 +391346,14 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -359493,19 +391361,19 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#cbcccd", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#bebfc1", + "normal": "#BEBFC1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -359513,29 +391381,29 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -359545,12 +391413,12 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -359558,34 +391426,34 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { "active": "#689EDD", @@ -359598,19 +391466,19 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#000105", @@ -359618,34 +391486,34 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818c99", + "normal": "#818C99", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -359653,19 +391521,19 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -359680,7 +391548,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -359688,7 +391556,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -359697,7 +391565,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -359705,7 +391573,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -359714,7 +391582,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -359722,7 +391590,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -359731,7 +391599,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -359739,13 +391607,13 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -359753,7 +391621,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -359761,18 +391629,18 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -359780,7 +391648,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -359789,11 +391657,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -359801,11 +391669,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -359817,7 +391685,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -359825,7 +391693,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -359833,11 +391701,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -359845,11 +391713,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -359857,7 +391725,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -359865,7 +391733,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -359873,7 +391741,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -359931,7 +391799,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -360043,7 +391911,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -360056,7 +391924,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -360073,7 +391941,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -360093,16 +391961,16 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -360117,15 +391985,16 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBase", + "themeName": "vkCom", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -360133,39 +392002,39 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "var(--vkui--color_accent_azure--active, #3A80D3)", + "hover": "var(--vkui--color_accent_azure--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_azure, #3F8AE0)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "active": "var(--vkui--color_accent_blue--active, #4B78AE)", + "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "normal": "var(--vkui--color_accent_blue, #5181B8)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", - "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "active": "var(--vkui--color_accent_cyan--active, #72E2CF)", + "hover": "var(--vkui--color_accent_cyan--hover, #77EBD6)", + "normal": "var(--vkui--color_accent_cyan, #7CF4DC)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #96A0AE)", - "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #A0AAB7)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #45A64A)", "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A1E511)", - "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "active": "var(--vkui--color_accent_lime--active, #B0E54E)", + "hover": "var(--vkui--color_accent_lime--hover, #B7EE4E)", + "normal": "var(--vkui--color_accent_lime, #BFF74F)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "normal": "var(--vkui--color_accent_orange, #FFA000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -360178,14 +392047,14 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": "var(--vkui--color_accent_pink--active, #E27CEF)", + "hover": "var(--vkui--color_accent_pink--hover, #EC80F7)", + "normal": "var(--vkui--color_accent_pink, #F685FF)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "normal": "var(--vkui--color_accent_purple, #735CE6)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -360195,7 +392064,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #EB3046)", "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "normal": "var(--vkui--color_accent_red, #FF3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", @@ -360205,7 +392074,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "normal": "var(--vkui--color_accent_violet, #792EC0)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", @@ -360223,29 +392092,29 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "var(--vkui--color_background--active, #DADCE2)", + "hover": "var(--vkui--color_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_background, #EDEEF0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #237EDD)", - "hover": "var(--vkui--color_background_accent--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent, #2688eb)", + "active": "var(--vkui--color_background_accent--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent, #447BBA)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent_alternative, #447BBA)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + "active": "var(--vkui--color_background_accent_themed--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent_themed--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent_themed, #447BBA)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -360255,17 +392124,17 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #ffffff)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #313233)", + "normal": "var(--vkui--color_background_contrast_inverse, #333333)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -360288,24 +392157,24 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", - "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "normal": "var(--vkui--color_background_negative, #E64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", - "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", @@ -360313,19 +392182,19 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "normal": "var(--vkui--color_background_secondary, #F0F2F5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", @@ -360338,24 +392207,24 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "var(--vkui--color_button_icon--active, #305B90)", + "hover": "var(--vkui--color_button_icon--hover, #325F93)", + "normal": "var(--vkui--color_button_icon, #346297)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "active": "var(--vkui--color_button_stroke--active, #305B90)", + "hover": "var(--vkui--color_button_stroke--hover, #325F93)", + "normal": "var(--vkui--color_button_stroke, #346297)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "active": "var(--vkui--color_button_text--active, #305B90)", + "hover": "var(--vkui--color_button_text--hover, #325F93)", + "normal": "var(--vkui--color_button_text, #346297)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #E3E5EB)", + "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", + "normal": "var(--vkui--color_field_background, #F7F8FA)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -360365,22 +392234,22 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #ffffff)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #3F72B0)", + "hover": "var(--vkui--color_icon_accent--hover, #4177B5)", + "normal": "var(--vkui--color_icon_accent, #447BBA)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #ffffff)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", @@ -360390,12 +392259,12 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #66717F)", + "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", + "normal": "var(--vkui--color_icon_medium, #6F7985)", }, "colorIconMediumAlpha": { "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", @@ -360405,12 +392274,12 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "normal": "var(--vkui--color_icon_negative, #E64646)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #45A64A)", "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "normal": "var(--vkui--color_icon_positive, #4BB34B)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #282B2F)", @@ -360418,14 +392287,14 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "active": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #313233)", + "normal": "var(--vkui--color_icon_primary_invariably, #333333)", }, "colorIconSecondary": { "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "normal": "var(--vkui--color_icon_secondary, #99A2AD)", }, "colorIconSecondaryAlpha": { "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", @@ -360433,9 +392302,9 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "active": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, "colorIconTertiaryAlpha": { "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", @@ -360465,7 +392334,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #ffffff)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -360478,14 +392347,14 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", - "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", + "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", + "normal": "var(--vkui--color_panel_header_icon, #447BBA)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #DADCE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_search_field_background, #EDEEF0)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -360493,19 +392362,19 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "active": "var(--vkui--color_separator_primary--active, #CAD0D8)", + "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "normal": "var(--vkui--color_separator_primary, #DCE1E6)", }, "colorSeparatorPrimary2x": { "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, "colorSeparatorPrimary3x": { "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, "colorSeparatorPrimaryAlpha": { "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", @@ -360513,29 +392382,29 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "active": "var(--vkui--color_separator_secondary--active, #D5D7DE)", + "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "active": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "active": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "active": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "normal": "var(--vkui--color_stroke_accent, #447BBA)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -360545,12 +392414,12 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #D44245)", "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "normal": "var(--vkui--color_stroke_negative, #E64646)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #45A64A)", "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", @@ -360558,34 +392427,34 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "active": "var(--vkui--color_text_accent--active, #3F72B0)", + "hover": "var(--vkui--color_text_accent--hover, #4177B5)", + "normal": "var(--vkui--color_text_accent, #447BBA)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_text_accent_themed, #3770B1)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #ffffff)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #27527F)", + "hover": "var(--vkui--color_text_link--hover, #285582)", + "normal": "var(--vkui--color_text_link, #2A5885)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #2978D3)", - "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #27527F)", + "hover": "var(--vkui--color_text_link_themed--hover, #285582)", + "normal": "var(--vkui--color_text_link_themed, #2A5885)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -360598,19 +392467,19 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "active": "var(--vkui--color_text_muted--active, #2F3034)", + "hover": "var(--vkui--color_text_muted--hover, #313233)", + "normal": "var(--vkui--color_text_muted, #333333)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #D44245)", "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "normal": "var(--vkui--color_text_negative, #E64646)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #45A64A)", "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "normal": "var(--vkui--color_text_positive, #4BB34B)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #000105)", @@ -360618,34 +392487,34 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #000105)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #2F3034)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #313233)", + "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { "active": "var(--vkui--color_text_secondary--active, #778292)", "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "normal": "var(--vkui--color_text_secondary, #818C99)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #64707F)", - "hover": "var(--vkui--color_text_subhead--hover, #697482)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #5A6675)", + "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", + "normal": "var(--vkui--color_text_subhead, #626D7A)", }, "colorTextTertiary": { "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + "normal": "var(--vkui--color_text_tertiary, #99A2AD)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #CFD2D8)", - "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "active": "var(--vkui--color_track_background--active, #C2C9D1)", + "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", + "normal": "var(--vkui--color_track_background, #D3D9DE)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #93B1D7)", - "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + "active": "var(--vkui--color_track_buffer--active, #3F72B0)", + "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", + "normal": "var(--vkui--color_track_buffer, #447BBA)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -360653,19 +392522,19 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", - "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "var(--vkui--color_write_bar_icon--active, #778292)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7C8795)", + "normal": "var(--vkui--color_write_bar_icon, #818C99)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_write_bar_input_background, #FFFFFF)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "active": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", + "normal": "var(--vkui--color_write_bar_input_border, #D3D9DE)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", @@ -360680,7 +392549,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -360688,7 +392557,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -360697,7 +392566,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -360705,7 +392574,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -360714,7 +392583,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -360722,7 +392591,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -360731,7 +392600,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -360739,13 +392608,13 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -360753,7 +392622,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -360761,18 +392630,18 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -360780,7 +392649,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -360789,11 +392658,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -360801,11 +392670,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -360817,7 +392686,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -360825,7 +392694,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -360833,11 +392702,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -360845,11 +392714,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -360857,7 +392726,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -360865,7 +392734,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -360873,7 +392742,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -360931,7 +392800,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -361043,7 +392912,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -361056,7 +392925,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` }, "sizePanelHeaderHeight": { "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "var(--vkui--size_panel_header_height--regular, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -361073,7 +392942,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "var(--vkui--size_popup_small--regular, 448px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -361093,16 +392962,16 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 27px)", + "regular": "var(--vkui--size_switch_width--regular, 27px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -361117,15 +392986,16 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, vkBase)", - "themeNameBase": "var(--vkui--theme_name_base, vkBase)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkCom)", + "themeNameBase": "var(--vkui--theme_name_base, vkCom)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` +exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -361133,39 +393003,39 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -361178,14 +393048,14 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735ce6", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -361195,7 +393065,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -361205,7 +393075,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792ec0", + "normal": "#792EC0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -361223,29 +393093,29 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(68, 123, 186, 0.2)", + "hover": "rgba(68, 123, 186, 0.16)", + "normal": "rgba(68, 123, 186, 0.12)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -361255,17 +393125,17 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -361288,24 +393158,24 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -361313,19 +393183,19 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -361338,24 +393208,24 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -361365,22 +393235,22 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -361390,12 +393260,12 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -361405,12 +393275,12 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#282B2F", @@ -361418,14 +393288,14 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -361433,9 +393303,9 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -361465,7 +393335,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -361478,14 +393348,14 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -361493,19 +393363,19 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#cbcccd", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#bebfc1", + "normal": "#BEBFC1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -361513,29 +393383,29 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -361545,12 +393415,12 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -361558,34 +393428,34 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { "active": "#689EDD", @@ -361598,19 +393468,19 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#000105", @@ -361618,34 +393488,34 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818c99", + "normal": "#818C99", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -361653,19 +393523,19 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -361680,7 +393550,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -361688,7 +393558,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -361697,7 +393567,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -361705,7 +393575,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -361714,7 +393584,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -361722,7 +393592,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -361731,7 +393601,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -361739,13 +393609,13 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -361753,7 +393623,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -361761,18 +393631,18 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -361780,7 +393650,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -361789,11 +393659,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -361801,11 +393671,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -361817,7 +393687,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -361825,7 +393695,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -361833,11 +393703,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -361845,11 +393715,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -361857,7 +393727,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -361865,7 +393735,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -361873,7 +393743,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -361931,7 +393801,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -362043,7 +393913,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -362056,7 +393926,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -362073,7 +393943,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -362093,16 +393963,16 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -362117,15 +393987,16 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBase", + "themeName": "vkCom", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -362150,57 +394021,57 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", + "value": "var(--vkui--color_accent_azure--active, #6AA6EB)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_azure--hover, #63A2EA)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #5D9EE9)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #4987D0)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #4182CE)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #397DCC)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #55F1D2)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #AEB7C2)", }, }, "colorAccentGreen": { @@ -362214,21 +394085,21 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #CEF978)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #CCF972)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #CAF96C)", }, }, "colorAccentOrange": { @@ -362242,7 +394113,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "colorAccentOrangeFire": { @@ -362276,29 +394147,29 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #F9A1FF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #F89DFF)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #F899FF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #9C89F6)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #9784F5)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #937FF5)", }, }, "colorAccentRaspberryPink": { @@ -362326,7 +394197,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { @@ -362354,7 +394225,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #A94FFF)", }, }, "colorActionSheetText": { @@ -362402,57 +394273,57 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", + "value": "var(--vkui--color_background--active, #272727)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #1D1D1D)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #141414)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #71AAEB)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #71AAEB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -362486,15 +394357,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #343434)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #222222)", }, }, "colorBackgroundContrast": { @@ -362514,15 +394385,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #434343)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #333333)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -362570,15 +394441,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #323232)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "value": "var(--vkui--color_background_modal, #292929)", }, }, "colorBackgroundModalInverse": { @@ -362606,7 +394477,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { @@ -362634,35 +394505,35 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #4BB34B)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #405140)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #2F422F)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #434343)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #333333)", }, }, "colorBackgroundSecondaryAlpha": { @@ -362682,15 +394553,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #323232)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #292929)", }, }, "colorBackgroundTertiaryAlpha": { @@ -362724,57 +394595,57 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #E1E3E6)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #E1E3E6)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #E1E3E6)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #323232)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #292929)", }, }, "colorFieldBorderAlpha": { @@ -362794,57 +394665,57 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #343434)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #222222)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #71AAEB)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #E1E3E6)", }, }, "colorIconContrastSecondary": { @@ -362864,43 +394735,43 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "value": "var(--vkui--color_icon_contrast_themed--active, #343434)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #222222)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #979797)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #939393)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, }, "colorIconNegative": { @@ -362914,7 +394785,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "colorIconPositive": { @@ -362928,7 +394799,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { @@ -362948,71 +394819,71 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #434343)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #333333)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #828282)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #656565)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, }, "colorIconWarning": { @@ -363124,21 +394995,21 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "value": "var(--vkui--color_panel_header_icon, #71AAEB)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #464748)", + "value": "var(--vkui--color_search_field_background--active, #515151)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #424242)", }, }, "colorSegmentedControl": { @@ -363214,71 +395085,71 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #323232)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #292929)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #323232)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #292929)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #434343)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #333333)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #71AAEB)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, }, "colorStrokeContrast": { @@ -363306,7 +395177,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "colorStrokePositive": { @@ -363320,7 +395191,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "colorTabbarTextInactive": { @@ -363340,29 +395211,29 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #71AAEB)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, }, "colorTextContrast": { @@ -363382,43 +395253,43 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #141414)", + "value": "var(--vkui--color_text_contrast_themed--active, #343434)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #222222)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #71AAEB)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_link_themed--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_link_themed--hover, #979797)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #939393)", }, }, "colorTextLinkTint": { @@ -363452,15 +395323,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #D0D0D0)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #CECECE)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #CCCCCC)", }, }, "colorTextNegative": { @@ -363474,7 +395345,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "colorTextPositive": { @@ -363488,7 +395359,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { @@ -363502,91 +395373,91 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #E1E3E6)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #141414)", + "value": "var(--vkui--color_text_primary_invariably--active, #434343)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "value": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #333333)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #828282)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #979797)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #939393)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #656565)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #878787)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #828282)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #FFFFFF)", }, }, "colorTransparent": { @@ -363606,43 +395477,43 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #818385)", + "value": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_background--active, #515151)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_background, #424242)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_border--active, #636363)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_border, #555555)", }, }, "colorWriteBarInputBorderAlpha": { @@ -363705,7 +395576,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -363747,7 +395618,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -363789,7 +395660,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -363831,7 +395702,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -363873,7 +395744,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -363915,7 +395786,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -363957,7 +395828,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -363995,7 +395866,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -364013,7 +395884,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -364051,7 +395922,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -364089,7 +395960,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -364107,15 +395978,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -364139,7 +396010,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -364181,7 +396052,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -364223,17 +396094,17 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", + "value": "var(--vkui--font_headline--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "value": "var(--vkui--font_headline--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -364271,17 +396142,17 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "value": "var(--vkui--font_headline1--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -364329,7 +396200,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -364367,7 +396238,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -364405,17 +396276,17 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -364453,17 +396324,17 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", + "value": "var(--vkui--font_text--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", + "value": "var(--vkui--font_text--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -364501,7 +396372,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -364539,7 +396410,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -364577,7 +396448,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -364778,7 +396649,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -365154,7 +397025,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, }, "sizeIconUI": { @@ -365198,7 +397069,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 48px)", }, }, "sizePopupBasePadding": { @@ -365256,7 +397127,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "value": "var(--vkui--size_popup_small--regular, 448px)", }, }, "sizeSearchHeight": { @@ -365324,11 +397195,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -365338,11 +397209,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -365352,11 +397223,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -365411,15 +397282,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBaseDark)", + "value": "var(--vkui--theme_name, vkComDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkBase)", + "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", "zIndexModal": { @@ -365433,7 +397304,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -365441,39 +397312,39 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -365486,14 +397357,14 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -365503,7 +397374,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -365513,7 +397384,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#a94fff", + "normal": "#A94FFF", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -365531,24 +397402,24 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -365561,9 +397432,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -365571,9 +397442,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -365591,9 +397462,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -365603,7 +397474,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -365613,17 +397484,17 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -365631,9 +397502,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -365646,24 +397517,24 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -365671,24 +397542,24 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -365696,29 +397567,29 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -365726,29 +397597,29 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { "active": "#EEB663", @@ -365788,12 +397659,12 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -365821,29 +397692,29 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -365853,12 +397724,12 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#818385", @@ -365866,14 +397737,14 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -365881,19 +397752,19 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -365906,54 +397777,54 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -365961,19 +397832,19 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -365988,7 +397859,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -365996,7 +397867,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -366005,7 +397876,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -366013,7 +397884,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -366022,7 +397893,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -366030,7 +397901,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -366039,7 +397910,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -366047,13 +397918,13 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -366061,7 +397932,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -366069,18 +397940,18 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -366088,7 +397959,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -366097,11 +397968,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -366109,11 +397980,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -366125,7 +397996,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -366133,7 +398004,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -366141,11 +398012,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -366153,11 +398024,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -366165,7 +398036,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -366173,7 +398044,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -366181,7 +398052,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -366239,7 +398110,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -366351,7 +398222,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -366364,7 +398235,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -366381,7 +398252,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -366401,16 +398272,16 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -366425,16 +398296,16 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -366442,39 +398313,39 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "var(--vkui--color_accent_azure--active, #6AA6EB)", + "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "normal": "var(--vkui--color_accent_azure, #5D9EE9)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "active": "var(--vkui--color_accent_blue--active, #4987D0)", + "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", + "normal": "var(--vkui--color_accent_blue, #397DCC)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "active": "var(--vkui--color_accent_cyan--active, #63F2D6)", + "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "normal": "var(--vkui--color_accent_cyan, #55F1D2)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #B4BDC7)", + "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #59B959)", "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "active": "var(--vkui--color_accent_lime--active, #CEF978)", + "hover": "var(--vkui--color_accent_lime--hover, #CCF972)", + "normal": "var(--vkui--color_accent_lime, #CAF96C)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "normal": "var(--vkui--color_accent_orange, #FFA000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -366487,14 +398358,14 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": "var(--vkui--color_accent_pink--active, #F9A1FF)", + "hover": "var(--vkui--color_accent_pink--hover, #F89DFF)", + "normal": "var(--vkui--color_accent_pink, #F899FF)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "active": "var(--vkui--color_accent_purple--active, #9C89F6)", + "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", + "normal": "var(--vkui--color_accent_purple, #937FF5)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -366504,7 +398375,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "normal": "var(--vkui--color_accent_red, #FF3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", @@ -366514,7 +398385,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #B05DFF)", "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "normal": "var(--vkui--color_accent_violet, #A94FFF)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", @@ -366532,24 +398403,24 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "var(--vkui--color_background--active, #272727)", + "hover": "var(--vkui--color_background--hover, #1D1D1D)", + "normal": "var(--vkui--color_background, #141414)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "active": "var(--vkui--color_background_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_background_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_background_accent, #71AAEB)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", + "normal": "var(--vkui--color_background_accent_alternative, #71AAEB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", + "hover": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", + "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -366562,9 +398433,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #343434)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #222222)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -366572,9 +398443,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #434343)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", + "normal": "var(--vkui--color_background_contrast_inverse, #333333)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -366592,9 +398463,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "active": "var(--vkui--color_background_modal--active, #3A3A3A)", + "hover": "var(--vkui--color_background_modal--hover, #323232)", + "normal": "var(--vkui--color_background_modal, #292929)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -366604,7 +398475,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #FF6969)", "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", @@ -366614,17 +398485,17 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", - "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "active": "var(--vkui--color_background_positive_tint--active, #405140)", + "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "normal": "var(--vkui--color_background_positive_tint, #2F422F)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "active": "var(--vkui--color_background_secondary--active, #434343)", + "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "normal": "var(--vkui--color_background_secondary, #333333)", }, "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", @@ -366632,9 +398503,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "active": "var(--vkui--color_background_tertiary--active, #3A3A3A)", + "hover": "var(--vkui--color_background_tertiary--hover, #323232)", + "normal": "var(--vkui--color_background_tertiary, #292929)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", @@ -366647,24 +398518,24 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "active": "var(--vkui--color_button_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_icon, #E1E3E6)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_stroke, #E1E3E6)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "active": "var(--vkui--color_button_text--active, #E3E5E8)", + "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_text, #E1E3E6)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #3A3A3A)", + "hover": "var(--vkui--color_field_background--hover, #323232)", + "normal": "var(--vkui--color_field_background, #292929)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -366672,24 +398543,24 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "active": "var(--vkui--color_header_background--active, #343434)", + "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", + "normal": "var(--vkui--color_header_background, #222222)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_icon_accent, #71AAEB)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", @@ -366697,29 +398568,29 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + "active": "var(--vkui--color_icon_contrast_themed--active, #343434)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", + "normal": "var(--vkui--color_icon_contrast_themed, #222222)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "hover": "var(--vkui--color_icon_medium--hover, #979797)", + "normal": "var(--vkui--color_icon_medium, #939393)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "normal": "var(--vkui--color_icon_positive, #4BB34B)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", @@ -366727,29 +398598,29 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "active": "var(--vkui--color_icon_primary_invariably--active, #434343)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", + "normal": "var(--vkui--color_icon_primary_invariably, #333333)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": "var(--vkui--color_icon_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_icon_secondary--hover, #878787)", + "normal": "var(--vkui--color_icon_secondary, #828282)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "active": "var(--vkui--color_icon_tertiary--active, #717171)", + "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_icon_tertiary, #656565)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -366789,12 +398660,12 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + "normal": "var(--vkui--color_panel_header_icon, #71AAEB)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #464748)", - "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--color_search_field_background, #363738)", + "active": "var(--vkui--color_search_field_background--active, #515151)", + "hover": "var(--vkui--color_search_field_background--hover, #4A4A4A)", + "normal": "var(--vkui--color_search_field_background, #424242)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -366822,29 +398693,29 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "active": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "hover": "var(--vkui--color_separator_secondary--hover, #323232)", + "normal": "var(--vkui--color_separator_secondary, #292929)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "active": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "hover": "var(--vkui--color_skeleton_from--hover, #323232)", + "normal": "var(--vkui--color_skeleton_from, #292929)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "active": "var(--vkui--color_skeleton_to--active, #434343)", + "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "normal": "var(--vkui--color_skeleton_to, #333333)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "active": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_stroke_accent, #71AAEB)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -366854,12 +398725,12 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #FF6969)", "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", @@ -366867,14 +398738,14 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "active": "var(--vkui--color_text_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_text_accent, #71AAEB)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -366882,19 +398753,19 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_contrast_themed, #000000)", + "active": "var(--vkui--color_text_contrast_themed--active, #343434)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", + "normal": "var(--vkui--color_text_contrast_themed, #222222)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link, #71AAEB)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "var(--vkui--color_text_link_themed--active, #9C9C9C)", + "hover": "var(--vkui--color_text_link_themed--hover, #979797)", + "normal": "var(--vkui--color_text_link_themed, #939393)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -366907,54 +398778,54 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "active": "var(--vkui--color_text_muted--active, #D0D0D0)", + "hover": "var(--vkui--color_text_muted--hover, #CECECE)", + "normal": "var(--vkui--color_text_muted, #CCCCCC)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "normal": "var(--vkui--color_text_positive, #4BB34B)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #E3E5E8)", "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #434343)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", + "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_text_secondary--hover, #878787)", + "normal": "var(--vkui--color_text_secondary, #828282)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "hover": "var(--vkui--color_text_subhead--hover, #979797)", + "normal": "var(--vkui--color_text_subhead, #939393)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "active": "var(--vkui--color_text_tertiary--active, #717171)", + "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_text_tertiary, #656565)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #545556)", - "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", - "normal": "var(--vkui--color_track_background, #454647)", + "active": "var(--vkui--color_track_background--active, #8C8C8C)", + "hover": "var(--vkui--color_track_background--hover, #878787)", + "normal": "var(--vkui--color_track_background, #828282)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "normal": "var(--vkui--color_track_buffer, #FFFFFF)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -366962,19 +398833,19 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #818385)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", - "normal": "var(--vkui--color_write_bar_icon, #76787a)", + "active": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_write_bar_icon, #E1E3E6)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_background--active, #515151)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", + "normal": "var(--vkui--color_write_bar_input_background, #424242)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_border--active, #636363)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", + "normal": "var(--vkui--color_write_bar_input_border, #555555)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", @@ -366989,7 +398860,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -366997,7 +398868,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -367006,7 +398877,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -367014,7 +398885,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -367023,7 +398894,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -367031,7 +398902,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -367040,7 +398911,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -367048,13 +398919,13 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -367062,7 +398933,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -367070,18 +398941,18 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -367089,7 +398960,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -367098,11 +398969,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -367110,11 +398981,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -367126,7 +398997,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -367134,7 +399005,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -367142,11 +399013,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -367154,11 +399025,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -367166,7 +399037,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -367174,7 +399045,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -367182,7 +399053,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -367240,7 +399111,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -367352,7 +399223,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -367365,7 +399236,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = }, "sizePanelHeaderHeight": { "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "var(--vkui--size_panel_header_height--regular, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -367382,7 +399253,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "var(--vkui--size_popup_small--regular, 448px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -367402,16 +399273,16 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 27px)", + "regular": "var(--vkui--size_switch_width--regular, 27px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -367426,16 +399297,16 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkBaseDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkBase)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkComDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkCom)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -367443,39 +399314,39 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -367488,14 +399359,14 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -367505,7 +399376,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -367515,7 +399386,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#a94fff", + "normal": "#A94FFF", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -367533,24 +399404,24 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -367563,9 +399434,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -367573,9 +399444,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -367593,9 +399464,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -367605,7 +399476,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -367615,17 +399486,17 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -367633,9 +399504,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -367648,24 +399519,24 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -367673,24 +399544,24 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -367698,29 +399569,29 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -367728,29 +399599,29 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { "active": "#EEB663", @@ -367790,12 +399661,12 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -367823,29 +399694,29 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -367855,12 +399726,12 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#818385", @@ -367868,14 +399739,14 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -367883,19 +399754,19 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -367908,54 +399779,54 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -367963,19 +399834,19 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -367990,7 +399861,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -367998,7 +399869,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -368007,7 +399878,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -368015,7 +399886,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -368024,7 +399895,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -368032,7 +399903,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -368041,7 +399912,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -368049,13 +399920,13 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -368063,7 +399934,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -368071,18 +399942,18 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -368090,7 +399961,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -368099,11 +399970,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -368111,11 +399982,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -368127,7 +399998,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -368135,7 +400006,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -368143,11 +400014,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -368155,11 +400026,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -368167,7 +400038,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -368175,7 +400046,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -368183,7 +400054,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -368241,7 +400112,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -368353,7 +400224,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -368366,7 +400237,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -368383,7 +400254,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -368403,16 +400274,16 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -368427,16 +400298,16 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -368456,62 +400327,62 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #3A80D3)", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #3C85D9)", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #3F8AE0)", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #4B78AE)", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #5181B8)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #77EBD6)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #7CF4DC)", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #AEB7C2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { @@ -368525,21 +400396,21 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B0E54E)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B7EE4E)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #BFF74F)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { @@ -368553,7 +400424,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -368587,15 +400458,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E27CEF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EC80F7)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F685FF)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { @@ -368609,7 +400480,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735CE6)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { @@ -368637,7 +400508,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { @@ -368665,7 +400536,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792EC0)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "colorActionSheetText": { @@ -368713,71 +400584,71 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #DADCE2)", + "value": "var(--vkui--color_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E4E5E9)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #EDEEF0)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3F72B0)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4177B5)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #447BBA)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #447BBA)", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #447BBA)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -368805,7 +400676,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContrast": { @@ -368819,21 +400690,21 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", + "value": "var(--vkui--color_background_contrast, #ffffff)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", + "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #313233)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #333333)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -368895,15 +400766,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { @@ -368917,21 +400788,21 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #E64646)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { @@ -368945,7 +400816,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4BB34B)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "colorBackgroundPositiveTint": { @@ -368965,43 +400836,43 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F2F5)", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #FAFBFC)", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", }, }, "colorBackgroundTertiaryAlpha": { @@ -369035,57 +400906,57 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #305B90)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #325F93)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #346297)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #305B90)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #325F93)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #346297)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #305B90)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #325F93)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #346297)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E3E5EB)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EDEFF2)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F7F8FA)", + "value": "var(--vkui--color_field_background, #f2f3f5)", }, }, "colorFieldBorderAlpha": { @@ -369113,35 +400984,35 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #3F72B0)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4177B5)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #447BBA)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #3770B1)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -369155,7 +401026,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #ffffff)", }, }, "colorIconContrastSecondary": { @@ -369183,21 +401054,21 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #66717F)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #6B7582)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #6F7985)", + "value": "var(--vkui--color_icon_medium, #818c99)", }, }, "colorIconMediumAlpha": { @@ -369225,7 +401096,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #E64646)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { @@ -369239,7 +401110,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { @@ -369259,15 +401130,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #313233)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #333333)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { @@ -369281,7 +401152,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99A2AD)", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", }, }, "colorIconSecondaryAlpha": { @@ -369301,15 +401172,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, }, "colorIconTertiaryAlpha": { @@ -369393,7 +401264,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -369427,29 +401298,29 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #3F72B0)", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #447BBA)", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #DADCE2)", + "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #EDEEF0)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "colorSegmentedControl": { @@ -369469,15 +401340,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DCE1E6)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { @@ -369491,7 +401362,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { @@ -369505,7 +401376,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "colorSeparatorPrimaryAlpha": { @@ -369525,71 +401396,71 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E7E8EC)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F0F2F5)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E7E8EC)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #447BBA)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -369617,7 +401488,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #E64646)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { @@ -369631,7 +401502,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -369651,29 +401522,29 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #3F72B0)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4177B5)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #447BBA)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #3770B1)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -369687,7 +401558,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "value": "var(--vkui--color_text_contrast, #ffffff)", }, }, "colorTextContrastThemed": { @@ -369701,35 +401572,35 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #27527F)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #285582)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2A5885)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #27527F)", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #285582)", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2A5885)", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", }, }, "colorTextLinkTint": { @@ -369763,15 +401634,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #2F3034)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #313233)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #333333)", + "value": "var(--vkui--color_text_muted, #2c2d2e)", }, }, "colorTextNegative": { @@ -369785,7 +401656,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #E64646)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { @@ -369799,7 +401670,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { @@ -369819,15 +401690,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #2F3034)", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #313233)", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #333333)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { @@ -369841,21 +401712,21 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818C99)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #5A6675)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #5E6978)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #626D7A)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { @@ -369869,35 +401740,35 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99A2AD)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C2C9D1)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #CBD1D8)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #D3D9DE)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3F72B0)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #4177B5)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #447BBA)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "colorTransparent": { @@ -369917,43 +401788,43 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #778292)", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7C8795)", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #818C99)", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #FFFFFF)", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #D3D9DE)", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, }, "colorWriteBarInputBorderAlpha": { @@ -370016,7 +401887,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -370058,7 +401929,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -370100,7 +401971,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -370142,7 +402013,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -370184,7 +402055,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -370226,7 +402097,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -370268,7 +402139,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -370306,7 +402177,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -370324,7 +402195,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -370362,7 +402233,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -370400,7 +402271,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -370418,15 +402289,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -370450,7 +402321,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -370492,7 +402363,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -370534,17 +402405,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 14px)", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 18px)", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -370582,17 +402453,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 14px)", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 18px)", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -370640,7 +402511,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -370678,7 +402549,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -370716,17 +402587,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -370764,17 +402635,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 13px)", + "value": "var(--vkui--font_text--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 16px)", + "value": "var(--vkui--font_text--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -370812,7 +402683,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -370850,7 +402721,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -370888,7 +402759,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -371139,7 +403010,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -371391,7 +403262,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -371465,7 +403336,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, "sizeIconUI": { @@ -371505,11 +403376,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 48px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -371567,7 +403438,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 448px)", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, "sizeSearchHeight": { @@ -371635,11 +403506,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 10px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -371649,11 +403520,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 16px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -371663,11 +403534,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 27px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -371726,11 +403597,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkCom)", + "value": "var(--vkui--theme_name, vkIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkCom)", + "value": "var(--vkui--theme_name_base, vkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -371744,47 +403615,47 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -371797,14 +403668,14 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735CE6", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -371814,7 +403685,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -371824,7 +403695,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792EC0", + "normal": "#792ec0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -371842,29 +403713,29 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -371874,17 +403745,17 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -371907,24 +403778,24 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -371932,19 +403803,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(213, 226, 241, 0.99)", - "hover": "rgba(223, 234, 246, 0.99)", - "normal": "rgba(235, 242, 250, 0.99)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -371957,24 +403828,24 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -371984,22 +403855,22 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -372009,12 +403880,12 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -372024,12 +403895,12 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", @@ -372037,14 +403908,14 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -372052,9 +403923,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -372084,7 +403955,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -372097,14 +403968,14 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -372112,19 +403983,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#CBCCCD", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#BEBFC1", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -372132,29 +404003,29 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -372164,12 +404035,12 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -372177,34 +404048,34 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -372217,19 +404088,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#000105", @@ -372237,34 +404108,34 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818C99", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -372272,19 +404143,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -372299,7 +404170,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -372307,7 +404178,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -372316,7 +404187,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -372324,7 +404195,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -372333,7 +404204,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -372341,7 +404212,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -372350,7 +404221,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -372358,13 +404229,13 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -372372,7 +404243,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -372380,18 +404251,18 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -372399,7 +404270,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -372408,11 +404279,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -372420,11 +404291,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -372436,7 +404307,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -372444,7 +404315,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -372452,11 +404323,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -372464,11 +404335,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -372476,7 +404347,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -372484,7 +404355,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -372492,7 +404363,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -372565,7 +404436,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -372640,7 +404511,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -372662,7 +404533,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -372674,8 +404545,8 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "48px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -372692,7 +404563,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -372712,16 +404583,16 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -372737,55 +404608,55 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #3A80D3)", - "hover": "var(--vkui--color_accent_azure--hover, #3C85D9)", - "normal": "var(--vkui--color_accent_azure, #3F8AE0)", + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #4B78AE)", - "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", - "normal": "var(--vkui--color_accent_blue, #5181B8)", + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #72E2CF)", - "hover": "var(--vkui--color_accent_cyan--hover, #77EBD6)", - "normal": "var(--vkui--color_accent_cyan, #7CF4DC)", + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A0AAB7)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", - "normal": "var(--vkui--color_accent_gray, #AEB7C2)", + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #45A64A)", "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B0E54E)", - "hover": "var(--vkui--color_accent_lime--hover, #B7EE4E)", - "normal": "var(--vkui--color_accent_lime, #BFF74F)", + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -372798,14 +404669,14 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #E27CEF)", - "hover": "var(--vkui--color_accent_pink--hover, #EC80F7)", - "normal": "var(--vkui--color_accent_pink, #F685FF)", + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735CE6)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -372815,7 +404686,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #EB3046)", "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", @@ -372825,7 +404696,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792EC0)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", @@ -372843,29 +404714,29 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #DADCE2)", - "hover": "var(--vkui--color_background--hover, #E4E5E9)", - "normal": "var(--vkui--color_background, #EDEEF0)", + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent, #447BBA)", + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent_alternative, #447BBA)", + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent_themed--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent_themed, #447BBA)", + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -372875,17 +404746,17 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #313233)", - "normal": "var(--vkui--color_background_contrast_inverse, #333333)", + "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -372908,24 +404779,24 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", - "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #E64646)", + "normal": "var(--vkui--color_background_negative, #e64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", @@ -372933,19 +404804,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", - "normal": "var(--vkui--color_background_secondary, #F0F2F5)", + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", - "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", - "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", @@ -372958,24 +404829,24 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #305B90)", - "hover": "var(--vkui--color_button_icon--hover, #325F93)", - "normal": "var(--vkui--color_button_icon, #346297)", + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #305B90)", - "hover": "var(--vkui--color_button_stroke--hover, #325F93)", - "normal": "var(--vkui--color_button_stroke, #346297)", + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #305B90)", - "hover": "var(--vkui--color_button_text--hover, #325F93)", - "normal": "var(--vkui--color_button_text, #346297)", + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #E3E5EB)", - "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", - "normal": "var(--vkui--color_field_background, #F7F8FA)", + "active": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -372985,22 +404856,22 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #3F72B0)", - "hover": "var(--vkui--color_icon_accent--hover, #4177B5)", - "normal": "var(--vkui--color_icon_accent, #447BBA)", + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", @@ -373010,12 +404881,12 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #66717F)", - "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", - "normal": "var(--vkui--color_icon_medium, #6F7985)", + "active": "var(--vkui--color_icon_medium--active, #778292)", + "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", + "normal": "var(--vkui--color_icon_medium, #818c99)", }, "colorIconMediumAlpha": { "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", @@ -373025,12 +404896,12 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #E64646)", + "normal": "var(--vkui--color_icon_negative, #e64646)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #45A64A)", "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #282B2F)", @@ -373038,14 +404909,14 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #313233)", - "normal": "var(--vkui--color_icon_primary_invariably, #333333)", + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99A2AD)", + "normal": "var(--vkui--color_icon_secondary, #99a2ad)", }, "colorIconSecondaryAlpha": { "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", @@ -373053,9 +404924,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", - "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", - "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, "colorIconTertiaryAlpha": { "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", @@ -373085,7 +404956,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -373098,14 +404969,14 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", - "normal": "var(--vkui--color_panel_header_icon, #447BBA)", + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #DADCE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E4E5E9)", - "normal": "var(--vkui--color_search_field_background, #EDEEF0)", + "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -373113,19 +404984,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #CAD0D8)", - "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", - "normal": "var(--vkui--color_separator_primary, #DCE1E6)", + "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "colorSeparatorPrimary2x": { "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", }, "colorSeparatorPrimary3x": { "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", }, "colorSeparatorPrimaryAlpha": { "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", @@ -373133,29 +405004,29 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D5D7DE)", - "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", - "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", + "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #DDE0E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", - "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #D5D7DE)", - "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", - "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", + "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #3F72B0)", - "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", - "normal": "var(--vkui--color_stroke_accent, #447BBA)", + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -373165,12 +405036,12 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #D44245)", "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #E64646)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #45A64A)", "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", @@ -373178,34 +405049,34 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #3F72B0)", - "hover": "var(--vkui--color_text_accent--hover, #4177B5)", - "normal": "var(--vkui--color_text_accent, #447BBA)", + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_text_accent_themed, #3770B1)", + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #27527F)", - "hover": "var(--vkui--color_text_link--hover, #285582)", - "normal": "var(--vkui--color_text_link, #2A5885)", + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #27527F)", - "hover": "var(--vkui--color_text_link_themed--hover, #285582)", - "normal": "var(--vkui--color_text_link_themed, #2A5885)", + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -373218,19 +405089,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #2F3034)", - "hover": "var(--vkui--color_text_muted--hover, #313233)", - "normal": "var(--vkui--color_text_muted, #333333)", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #D44245)", "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #E64646)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #45A64A)", "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #000105)", @@ -373238,34 +405109,34 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #2F3034)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #313233)", - "normal": "var(--vkui--color_text_primary_invariably, #333333)", + "active": "var(--vkui--color_text_primary_invariably--active, #000105)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { "active": "var(--vkui--color_text_secondary--active, #778292)", "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818C99)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #5A6675)", - "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", - "normal": "var(--vkui--color_text_subhead, #626D7A)", + "active": "var(--vkui--color_text_subhead--active, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "colorTextTertiary": { "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99A2AD)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C2C9D1)", - "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", - "normal": "var(--vkui--color_track_background, #D3D9DE)", + "active": "var(--vkui--color_track_background--active, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #3F72B0)", - "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", - "normal": "var(--vkui--color_track_buffer, #447BBA)", + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -373273,19 +405144,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #778292)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7C8795)", - "normal": "var(--vkui--color_write_bar_icon, #818C99)", + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_write_bar_input_background, #FFFFFF)", + "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", - "normal": "var(--vkui--color_write_bar_input_border, #D3D9DE)", + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", @@ -373300,7 +405171,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -373308,7 +405179,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -373317,7 +405188,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -373325,7 +405196,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -373334,7 +405205,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -373342,7 +405213,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -373351,7 +405222,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -373359,13 +405230,13 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -373373,7 +405244,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -373381,18 +405252,18 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -373400,7 +405271,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -373409,11 +405280,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -373421,11 +405292,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -373437,7 +405308,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -373445,7 +405316,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -373453,11 +405324,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -373465,11 +405336,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -373477,7 +405348,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -373485,7 +405356,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -373493,7 +405364,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -373566,7 +405437,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -373641,7 +405512,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -373663,7 +405534,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -373675,8 +405546,8 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -373693,7 +405564,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 448px)", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -373713,16 +405584,16 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 10px)", - "regular": "var(--vkui--size_switch_height--regular, 10px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -373738,55 +405609,55 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkCom)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "themeName": "var(--vkui--theme_name, vkIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -373799,14 +405670,14 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735CE6", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -373816,7 +405687,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -373826,7 +405697,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792EC0", + "normal": "#792ec0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -373844,29 +405715,29 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -373876,17 +405747,17 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -373909,24 +405780,24 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -373934,19 +405805,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(213, 226, 241, 0.99)", - "hover": "rgba(223, 234, 246, 0.99)", - "normal": "rgba(235, 242, 250, 0.99)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -373959,24 +405830,24 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -373986,22 +405857,22 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -374011,12 +405882,12 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -374026,12 +405897,12 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", @@ -374039,14 +405910,14 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -374054,9 +405925,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -374086,7 +405957,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -374099,14 +405970,14 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -374114,19 +405985,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#CBCCCD", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#BEBFC1", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -374134,29 +406005,29 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -374166,12 +406037,12 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -374179,34 +406050,34 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -374219,19 +406090,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#000105", @@ -374239,34 +406110,34 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818C99", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -374274,19 +406145,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -374301,7 +406172,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -374309,7 +406180,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -374318,7 +406189,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -374326,7 +406197,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -374335,7 +406206,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -374343,7 +406214,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -374352,7 +406223,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -374360,13 +406231,13 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -374374,7 +406245,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -374382,18 +406253,18 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -374401,7 +406272,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -374410,11 +406281,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -374422,11 +406293,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -374438,7 +406309,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -374446,7 +406317,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -374454,11 +406325,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -374466,11 +406337,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -374478,7 +406349,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -374486,7 +406357,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -374494,7 +406365,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -374567,7 +406438,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -374642,7 +406513,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -374664,7 +406535,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -374676,8 +406547,8 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 48, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -374694,7 +406565,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -374714,16 +406585,16 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -374739,15 +406610,15 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -374767,62 +406638,62 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #6AA6EB)", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #5D9EE9)", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #4987D0)", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4182CE)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #397DCC)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #55F1D2)", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #AEB7C2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { @@ -374836,21 +406707,21 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #CEF978)", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #CCF972)", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #CAF96C)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { @@ -374864,7 +406735,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -374898,29 +406769,29 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F9A1FF)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F89DFF)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F899FF)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9C89F6)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9784F5)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #937FF5)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { @@ -374948,7 +406819,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { @@ -374976,7 +406847,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #A94FFF)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "colorActionSheetText": { @@ -375024,57 +406895,57 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #272727)", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #1D1D1D)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #141414)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #7CB1ED)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #77ADEC)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #71AAEB)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "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)", }, "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)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #71AAEB)", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -375108,15 +406979,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #343434)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #222222)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContrast": { @@ -375136,15 +407007,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #434343)", + "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #333333)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -375192,15 +407063,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3A3A3A)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #323232)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #292929)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "colorBackgroundModalInverse": { @@ -375228,7 +407099,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "colorBackgroundNegativeTint": { @@ -375256,35 +407127,35 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4BB34B)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #405140)", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2F422F)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #434343)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #333333)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { @@ -375304,15 +407175,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #323232)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #292929)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "colorBackgroundTertiaryAlpha": { @@ -375346,57 +407217,57 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #E3E5E8)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #E1E3E6)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #E1E3E6)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #E3E5E8)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #E2E4E7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #E1E3E6)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { @@ -375416,57 +407287,57 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #343434)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2B2B2B)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #222222)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #71AAEB)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #E1E3E6)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { @@ -375486,43 +407357,43 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #343434)", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #222222)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #979797)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #939393)", + "value": "var(--vkui--color_icon_medium, #b0b1b6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { @@ -375536,7 +407407,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "colorIconPositive": { @@ -375550,7 +407421,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { @@ -375570,71 +407441,71 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #434343)", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #333333)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #878787)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #828282)", + "value": "var(--vkui--color_icon_secondary, #76787a)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #717171)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #656565)", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, }, "colorIconWarning": { @@ -375746,21 +407617,21 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71AAEB)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #515151)", + "value": "var(--vkui--color_search_field_background--active, #464748)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #424242)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { @@ -375836,71 +407707,71 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #323232)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #292929)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #323232)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #292929)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #434343)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #333333)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #71AAEB)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { @@ -375928,7 +407799,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "colorStrokePositive": { @@ -375942,7 +407813,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -375962,29 +407833,29 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #7CB1ED)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #77ADEC)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #71AAEB)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { @@ -376004,43 +407875,43 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #343434)", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #222222)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #7CB1ED)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #77ADEC)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #71AAEB)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #9C9C9C)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #979797)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #939393)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { @@ -376074,15 +407945,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #D0D0D0)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #CECECE)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #CCCCCC)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { @@ -376096,7 +407967,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "colorTextPositive": { @@ -376110,7 +407981,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { @@ -376124,91 +407995,91 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E1E3E6)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #434343)", + "value": "var(--vkui--color_text_primary_invariably--active, #141414)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", + "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #333333)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #878787)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #828282)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #979797)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #939393)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #717171)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #656565)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #8C8C8C)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #878787)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #828282)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #FFFFFF)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -376228,43 +408099,43 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #515151)", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #424242)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #636363)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #555555)", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, "colorWriteBarInputBorderAlpha": { @@ -376327,7 +408198,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -376369,7 +408240,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -376411,7 +408282,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -376453,7 +408324,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -376495,7 +408366,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -376537,7 +408408,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -376579,7 +408450,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -376617,7 +408488,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -376635,7 +408506,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -376673,7 +408544,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -376711,7 +408582,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -376729,15 +408600,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -376761,7 +408632,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -376803,7 +408674,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -376845,17 +408716,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 14px)", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 18px)", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -376893,17 +408764,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 14px)", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 18px)", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -376951,7 +408822,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -376989,7 +408860,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -377027,17 +408898,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -377075,17 +408946,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 13px)", + "value": "var(--vkui--font_text--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 16px)", + "value": "var(--vkui--font_text--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -377123,7 +408994,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -377161,7 +409032,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -377199,7 +409070,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -377450,7 +409321,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -377702,7 +409573,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -377776,7 +409647,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, "sizeIconUI": { @@ -377816,11 +409687,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 48px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -377878,7 +409749,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 448px)", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, "sizeSearchHeight": { @@ -377946,11 +409817,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 10px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -377960,11 +409831,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 16px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -377974,11 +409845,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 27px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -378037,11 +409908,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkComDark)", + "value": "var(--vkui--theme_name, vkIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkCom)", + "value": "var(--vkui--theme_name_base, vkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -378055,47 +409926,47 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -378108,14 +409979,14 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -378125,7 +409996,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -378135,7 +410006,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#A94FFF", + "normal": "#a94fff", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -378153,24 +410024,24 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -378183,9 +410054,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -378193,9 +410064,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -378213,9 +410084,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -378225,7 +410096,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -378235,17 +410106,17 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -378253,9 +410124,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -378268,24 +410139,24 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -378293,24 +410164,24 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -378318,29 +410189,29 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -378348,29 +410219,29 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { "active": "#EEB663", @@ -378410,12 +410281,12 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -378443,29 +410314,29 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -378475,12 +410346,12 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", @@ -378488,14 +410359,14 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -378503,19 +410374,19 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -378528,54 +410399,54 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -378583,19 +410454,19 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -378610,7 +410481,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -378618,7 +410489,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -378627,7 +410498,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -378635,7 +410506,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -378644,7 +410515,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -378652,7 +410523,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -378661,7 +410532,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -378669,13 +410540,13 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -378683,7 +410554,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -378691,18 +410562,18 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -378710,7 +410581,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -378719,11 +410590,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -378731,11 +410602,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -378747,7 +410618,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -378755,7 +410626,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -378763,11 +410634,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -378775,11 +410646,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -378787,7 +410658,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -378795,7 +410666,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -378803,7 +410674,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -378876,7 +410747,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -378951,7 +410822,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -378973,7 +410844,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -378985,8 +410856,8 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "48px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -379003,7 +410874,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -379023,16 +410894,16 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -379048,55 +410919,55 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #6AA6EB)", - "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", - "normal": "var(--vkui--color_accent_azure, #5D9EE9)", + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #4987D0)", - "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", - "normal": "var(--vkui--color_accent_blue, #397DCC)", + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #63F2D6)", - "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", - "normal": "var(--vkui--color_accent_cyan, #55F1D2)", + "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #B4BDC7)", - "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", - "normal": "var(--vkui--color_accent_gray, #AEB7C2)", + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #59B959)", "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #CEF978)", - "hover": "var(--vkui--color_accent_lime--hover, #CCF972)", - "normal": "var(--vkui--color_accent_lime, #CAF96C)", + "active": "var(--vkui--color_accent_lime--active, #B5F820)", + "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -379109,14 +410980,14 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F9A1FF)", - "hover": "var(--vkui--color_accent_pink--hover, #F89DFF)", - "normal": "var(--vkui--color_accent_pink, #F899FF)", + "active": "var(--vkui--color_accent_pink--active, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #9C89F6)", - "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", - "normal": "var(--vkui--color_accent_purple, #937FF5)", + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -379126,7 +410997,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", @@ -379136,7 +411007,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #B05DFF)", "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #A94FFF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", @@ -379154,24 +411025,24 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #272727)", - "hover": "var(--vkui--color_background--hover, #1D1D1D)", - "normal": "var(--vkui--color_background, #141414)", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_background_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_background_accent, #71AAEB)", + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", - "normal": "var(--vkui--color_background_accent_alternative, #71AAEB)", + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", - "hover": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", - "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -379184,9 +411055,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #343434)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", - "normal": "var(--vkui--color_background_content, #222222)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -379194,9 +411065,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #434343)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_contrast_inverse, #333333)", + "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -379214,9 +411085,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #3A3A3A)", - "hover": "var(--vkui--color_background_modal--hover, #323232)", - "normal": "var(--vkui--color_background_modal, #292929)", + "active": "var(--vkui--color_background_modal--active, #2E2F30)", + "hover": "var(--vkui--color_background_modal--hover, #252627)", + "normal": "var(--vkui--color_background_modal, #1C1D1E)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -379226,7 +411097,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #FF6969)", "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", @@ -379236,17 +411107,17 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #405140)", - "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", - "normal": "var(--vkui--color_background_positive_tint, #2F422F)", + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #434343)", - "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_secondary, #333333)", + "active": "var(--vkui--color_background_secondary--active, #353536)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_secondary, #232324)", }, "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", @@ -379254,9 +411125,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #3A3A3A)", - "hover": "var(--vkui--color_background_tertiary--hover, #323232)", - "normal": "var(--vkui--color_background_tertiary, #292929)", + "active": "var(--vkui--color_background_tertiary--active, #323233)", + "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", + "normal": "var(--vkui--color_background_tertiary, #202021)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", @@ -379269,24 +411140,24 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #E3E5E8)", - "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_icon, #E1E3E6)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", - "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_stroke, #E1E3E6)", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #E3E5E8)", - "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_text, #E1E3E6)", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -379294,24 +411165,24 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #343434)", - "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", - "normal": "var(--vkui--color_header_background, #222222)", + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_icon_accent, #71AAEB)", + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", @@ -379319,29 +411190,29 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #343434)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", - "normal": "var(--vkui--color_icon_contrast_themed, #222222)", + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #9C9C9C)", - "hover": "var(--vkui--color_icon_medium--hover, #979797)", - "normal": "var(--vkui--color_icon_medium, #939393)", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", @@ -379349,29 +411220,29 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #434343)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", - "normal": "var(--vkui--color_icon_primary_invariably, #333333)", + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #8C8C8C)", - "hover": "var(--vkui--color_icon_secondary--hover, #878787)", - "normal": "var(--vkui--color_icon_secondary, #828282)", + "active": "var(--vkui--color_icon_secondary--active, #818385)", + "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #717171)", - "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_icon_tertiary, #656565)", + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -379411,12 +411282,12 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71AAEB)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #515151)", - "hover": "var(--vkui--color_search_field_background--hover, #4A4A4A)", - "normal": "var(--vkui--color_search_field_background, #424242)", + "active": "var(--vkui--color_search_field_background--active, #464748)", + "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--color_search_field_background, #363738)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -379444,29 +411315,29 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #3A3A3A)", - "hover": "var(--vkui--color_separator_secondary--hover, #323232)", - "normal": "var(--vkui--color_separator_secondary, #292929)", + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "normal": "var(--vkui--color_separator_secondary, #141415)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3A3A3A)", - "hover": "var(--vkui--color_skeleton_from--hover, #323232)", - "normal": "var(--vkui--color_skeleton_from, #292929)", + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #434343)", - "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", - "normal": "var(--vkui--color_skeleton_to, #333333)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_stroke_accent, #71AAEB)", + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -379476,12 +411347,12 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #FF6969)", "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", @@ -379489,14 +411360,14 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_text_accent, #71AAEB)", + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -379504,19 +411375,19 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #343434)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", - "normal": "var(--vkui--color_text_contrast_themed, #222222)", + "active": "var(--vkui--color_text_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link, #71AAEB)", + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #9C9C9C)", - "hover": "var(--vkui--color_text_link_themed--hover, #979797)", - "normal": "var(--vkui--color_text_link_themed, #939393)", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -379529,54 +411400,54 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #D0D0D0)", - "hover": "var(--vkui--color_text_muted--hover, #CECECE)", - "normal": "var(--vkui--color_text_muted, #CCCCCC)", + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #E3E5E8)", "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #E1E3E6)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #434343)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", - "normal": "var(--vkui--color_text_primary_invariably, #333333)", + "active": "var(--vkui--color_text_primary_invariably--active, #141414)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", - "hover": "var(--vkui--color_text_secondary--hover, #878787)", - "normal": "var(--vkui--color_text_secondary, #828282)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", - "hover": "var(--vkui--color_text_subhead--hover, #979797)", - "normal": "var(--vkui--color_text_subhead, #939393)", + "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #717171)", - "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_text_tertiary, #656565)", + "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #8C8C8C)", - "hover": "var(--vkui--color_track_background--hover, #878787)", - "normal": "var(--vkui--color_track_background, #828282)", + "active": "var(--vkui--color_track_background--active, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #D7D8DB)", - "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", - "normal": "var(--vkui--color_track_buffer, #FFFFFF)", + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -379584,19 +411455,19 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", - "hover": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "active": "var(--vkui--color_write_bar_icon--active, #818385)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "normal": "var(--vkui--color_write_bar_icon, #76787a)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #515151)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", - "normal": "var(--vkui--color_write_bar_input_background, #424242)", + "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #636363)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", - "normal": "var(--vkui--color_write_bar_input_border, #555555)", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", @@ -379611,7 +411482,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -379619,7 +411490,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -379628,7 +411499,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -379636,7 +411507,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -379645,7 +411516,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -379653,7 +411524,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -379662,7 +411533,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -379670,13 +411541,13 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -379684,7 +411555,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -379692,18 +411563,18 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -379711,7 +411582,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -379720,11 +411591,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -379732,11 +411603,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -379748,7 +411619,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -379756,7 +411627,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -379764,11 +411635,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -379776,11 +411647,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -379788,7 +411659,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -379796,7 +411667,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -379804,7 +411675,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -379877,7 +411748,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -379952,7 +411823,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -379974,7 +411845,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -379986,8 +411857,8 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -380004,7 +411875,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 448px)", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -380024,16 +411895,16 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 10px)", - "regular": "var(--vkui--size_switch_height--regular, 10px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -380049,55 +411920,55 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkComDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "themeName": "var(--vkui--theme_name, vkIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -380110,14 +411981,14 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -380127,7 +411998,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -380137,7 +412008,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#A94FFF", + "normal": "#a94fff", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -380155,24 +412026,24 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -380185,9 +412056,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -380195,9 +412066,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -380215,9 +412086,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -380227,7 +412098,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -380237,17 +412108,17 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -380255,9 +412126,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -380270,24 +412141,24 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -380295,24 +412166,24 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -380320,29 +412191,29 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -380350,29 +412221,29 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { "active": "#EEB663", @@ -380412,12 +412283,12 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -380445,29 +412316,29 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -380477,12 +412348,12 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", @@ -380490,14 +412361,14 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -380505,19 +412376,19 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -380530,54 +412401,54 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -380585,19 +412456,19 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -380612,7 +412483,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -380620,7 +412491,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -380629,7 +412500,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -380637,7 +412508,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -380646,7 +412517,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -380654,7 +412525,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -380663,7 +412534,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -380671,13 +412542,13 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -380685,7 +412556,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -380693,18 +412564,18 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -380712,7 +412583,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -380721,11 +412592,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -380733,11 +412604,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -380749,7 +412620,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -380757,7 +412628,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -380765,11 +412636,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -380777,11 +412648,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -380789,7 +412660,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -380797,7 +412668,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -380805,7 +412676,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -380878,7 +412749,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -380953,7 +412824,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -380975,7 +412846,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -380987,8 +412858,8 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 48, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -381005,7 +412876,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -381025,16 +412896,16 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -381050,15 +412921,15 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -381078,7 +412949,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -381167,15 +413038,15 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", + "value": "var(--vkui--color_accent_orange--active, #DB790C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #EE8208)", }, }, "colorAccentOrangeFire": { @@ -381349,71 +413220,71 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #D87402)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #E57B04)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #EE8208)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "value": "var(--vkui--color_background_accent_alternative--active, #DB790C)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #EE8208)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_background_accent_themed--active, #D87402)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #EE8208)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #E07F14)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "value": "var(--vkui--color_background_accent_tint--hover, #E98412)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #F38910)", }, }, "colorBackgroundContent": { @@ -381699,15 +413570,15 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #FFFFFF)", }, }, "colorFieldBorderAlpha": { @@ -381741,29 +413612,29 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_icon_accent_themed--active, #778292)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #818C99)", }, }, "colorIconContrast": { @@ -382189,29 +414060,29 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #BEBFC1)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, }, "colorStrokeContrast": { @@ -382273,29 +414144,29 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #EE8208)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_text_accent_themed--active, #DB790C)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #EE8208)", }, }, "colorTextContrast": { @@ -382329,57 +414200,57 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #6D7885)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "value": "var(--vkui--color_text_link_themed--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link_themed--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #6D7885)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "value": "var(--vkui--color_text_link_tint--active, #778292)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "value": "var(--vkui--color_text_link_tint--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #818C99)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "value": "var(--vkui--color_text_link_visited--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "value": "var(--vkui--color_text_link_visited--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #6D7885)", }, }, "colorTextMuted": { @@ -383711,7 +415582,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -383761,7 +415632,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -384013,7 +415884,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, "sizeCardgridPadding": { @@ -384127,11 +415998,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, "sizePopupBasePadding": { @@ -384257,11 +416128,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -384271,11 +416142,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -384285,11 +416156,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -384342,17 +416213,13 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", - }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIOS)", + "value": "var(--vkui--theme_name, vkIdOk)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIOS)", + "value": "var(--vkui--theme_name_base, vkIdOk)", }, "themeType": "cssVars", "zIndexModal": { @@ -384366,13 +416233,13 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -384404,9 +416271,9 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -384469,29 +416336,29 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(238, 130, 8, 0.28)", + "hover": "rgba(238, 130, 8, 0.24)", + "normal": "rgba(238, 130, 8, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -384594,9 +416461,9 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -384609,14 +416476,14 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { "active": "#EBECEF", @@ -384769,14 +416636,14 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -384799,14 +416666,14 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { "active": "#EBECEF", @@ -384819,24 +416686,24 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { "active": "#282B2F", @@ -385172,7 +417039,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -385187,7 +417054,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -385262,7 +417129,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -385296,8 +417163,8 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -385334,16 +417201,16 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -385358,22 +417225,21 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", @@ -385405,9 +417271,9 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #DB790C)", + "hover": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "normal": "var(--vkui--color_accent_orange, #EE8208)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -385470,29 +417336,29 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #237EDD)", - "hover": "var(--vkui--color_background_accent--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent, #2688eb)", + "active": "var(--vkui--color_background_accent--active, #D87402)", + "hover": "var(--vkui--color_background_accent--hover, #E57B04)", + "normal": "var(--vkui--color_background_accent, #EE8208)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #DB790C)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", + "normal": "var(--vkui--color_background_accent_alternative, #EE8208)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + "active": "var(--vkui--color_background_accent_themed--active, #D87402)", + "hover": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + "normal": "var(--vkui--color_background_accent_themed, #EE8208)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "var(--vkui--color_background_accent_tint--active, #E07F14)", + "hover": "var(--vkui--color_background_accent_tint--hover, #E98412)", + "normal": "var(--vkui--color_background_accent_tint, #F38910)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -385595,9 +417461,9 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #FFFFFF)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -385610,14 +417476,14 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #DB790C)", + "hover": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_icon_accent, #EE8208)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #778292)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", + "normal": "var(--vkui--color_icon_accent_themed, #818C99)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -385770,14 +417636,14 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "active": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + "hover": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + "normal": "var(--vkui--color_stroke_accent, #BEBFC1)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", + "normal": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -385800,14 +417666,14 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "active": "var(--vkui--color_text_accent--active, #DB790C)", + "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_text_accent, #EE8208)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + "active": "var(--vkui--color_text_accent_themed--active, #DB790C)", + "hover": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + "normal": "var(--vkui--color_text_accent_themed, #EE8208)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -385820,24 +417686,24 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #64707F)", + "hover": "var(--vkui--color_text_link--hover, #697482)", + "normal": "var(--vkui--color_text_link, #6D7885)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #2978D3)", - "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #64707F)", + "hover": "var(--vkui--color_text_link_themed--hover, #697482)", + "normal": "var(--vkui--color_text_link_themed, #6D7885)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "active": "var(--vkui--color_text_link_tint--active, #778292)", + "hover": "var(--vkui--color_text_link_tint--hover, #7C8795)", + "normal": "var(--vkui--color_text_link_tint, #818C99)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #437DC1)", - "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #64707F)", + "hover": "var(--vkui--color_text_link_visited--hover, #697482)", + "normal": "var(--vkui--color_text_link_visited, #6D7885)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #282B2F)", @@ -386173,7 +418039,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -386188,7 +418054,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -386263,7 +418129,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -386297,8 +418163,8 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -386335,16 +418201,16 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -386359,22 +418225,21 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", + "themeName": "var(--vkui--theme_name, vkIdOk)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -386406,9 +418271,9 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -386471,29 +418336,29 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(238, 130, 8, 0.28)", + "hover": "rgba(238, 130, 8, 0.24)", + "normal": "rgba(238, 130, 8, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -386596,9 +418461,9 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -386611,14 +418476,14 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { "active": "#EBECEF", @@ -386771,14 +418636,14 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -386801,14 +418666,14 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { "active": "#EBECEF", @@ -386821,24 +418686,24 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { "active": "#282B2F", @@ -387174,7 +419039,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -387189,7 +419054,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -387264,7 +419129,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -387298,8 +419163,8 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -387336,16 +419201,16 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -387360,16 +419225,15 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -387389,7 +419253,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -387478,15 +419342,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #EF8712)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #EE8208)", }, }, "colorAccentOrangeFire": { @@ -387660,29 +419524,29 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #F58C15)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #F38910)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #EE8208)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #F49223)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #F38910)", }, }, "colorBackgroundAccentThemed": { @@ -387716,15 +419580,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "value": "var(--vkui--color_background_accent_tint--active, #F49223)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "value": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #F38910)", }, }, "colorBackgroundContent": { @@ -388010,15 +419874,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #222223)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #19191A)", }, }, "colorFieldBorderAlpha": { @@ -388052,15 +419916,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #EF8712)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "colorIconAccentThemed": { @@ -388500,15 +420364,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #5E6061)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #57595A)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #505253)", }, }, "colorStrokeAccentThemed": { @@ -388584,29 +420448,29 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #EF8712)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #EE8208)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", }, }, "colorTextContrast": { @@ -388640,15 +420504,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #969A9F)", }, }, "colorTextLinkThemed": { @@ -388668,29 +420532,29 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "value": "var(--vkui--color_text_link_tint--active, #818385)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "value": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #76787A)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #5890D0)", + "value": "var(--vkui--color_text_link_visited--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "value": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #969A9F)", }, }, "colorTextMuted": { @@ -390022,7 +421886,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -390072,7 +421936,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -390324,7 +422188,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, "sizeCardgridPadding": { @@ -390438,11 +422302,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, "sizePopupBasePadding": { @@ -390568,11 +422432,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -390582,11 +422446,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -390596,11 +422460,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -390655,15 +422519,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "value": "var(--vkui--theme_inherits_from, vkBase)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIOSDark)", + "value": "var(--vkui--theme_name, vkIdOkDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIOS)", + "value": "var(--vkui--theme_name_base, vkIdOk)", }, "themeType": "cssVars", "zIndexModal": { @@ -390677,13 +422541,13 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -390715,9 +422579,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -390780,14 +422644,14 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -390800,9 +422664,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -390905,9 +422769,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -390920,9 +422784,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#19191a", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -391080,9 +422944,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -391110,14 +422974,14 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, "colorTextContrast": { "active": "#D7D8DB", @@ -391130,9 +422994,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -391140,14 +423004,14 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { "active": "#E3E5E8", @@ -391483,7 +423347,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -391498,7 +423362,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -391573,7 +423437,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -391607,8 +423471,8 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -391645,16 +423509,16 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -391669,22 +423533,22 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIOSDark", - "themeNameBase": "vkIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #1482FF)", "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", @@ -391716,9 +423580,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #EF8C1C)", + "hover": "var(--vkui--color_accent_orange--hover, #EF8712)", + "normal": "var(--vkui--color_accent_orange, #EE8208)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -391781,14 +423645,14 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "active": "var(--vkui--color_background_accent--active, #F58C15)", + "hover": "var(--vkui--color_background_accent--hover, #F38910)", + "normal": "var(--vkui--color_background_accent, #EE8208)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #F49223)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", + "normal": "var(--vkui--color_background_accent_alternative, #F38910)", }, "colorBackgroundAccentThemed": { "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", @@ -391801,9 +423665,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "var(--vkui--color_background_accent_tint--active, #F49223)", + "hover": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", + "normal": "var(--vkui--color_background_accent_tint, #F38910)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #2B2B2C)", @@ -391906,9 +423770,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #2B2B2C)", + "hover": "var(--vkui--color_field_background--hover, #222223)", + "normal": "var(--vkui--color_field_background, #19191A)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -391921,9 +423785,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #EF8C1C)", + "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", + "normal": "var(--vkui--color_icon_accent, #EE8208)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -392081,9 +423945,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "active": "var(--vkui--color_stroke_accent--active, #5E6061)", + "hover": "var(--vkui--color_stroke_accent--hover, #57595A)", + "normal": "var(--vkui--color_stroke_accent, #505253)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -392111,14 +423975,14 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "active": "var(--vkui--color_text_accent--active, #EF8C1C)", + "hover": "var(--vkui--color_text_accent--hover, #EF8712)", + "normal": "var(--vkui--color_text_accent, #EE8208)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", + "hover": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", + "normal": "var(--vkui--color_text_accent_themed, #EBEDF0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -392131,9 +423995,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #9EA2A7)", + "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_link, #969A9F)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -392141,14 +424005,14 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "active": "var(--vkui--color_text_link_tint--active, #818385)", + "hover": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_link_tint, #76787A)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #9EA2A7)", + "hover": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_link_visited, #969A9F)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #E3E5E8)", @@ -392484,7 +424348,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -392499,7 +424363,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -392574,7 +424438,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -392608,8 +424472,8 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -392646,16 +424510,16 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -392670,22 +424534,22 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkIdOkDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -392717,9 +424581,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -392782,14 +424646,14 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -392802,9 +424666,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -392907,9 +424771,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -392922,9 +424786,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#19191a", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -393082,9 +424946,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -393112,14 +424976,14 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, "colorTextContrast": { "active": "#D7D8DB", @@ -393132,9 +424996,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -393142,14 +425006,14 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { "active": "#E3E5E8", @@ -393485,7 +425349,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -393500,7 +425364,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -393575,7 +425439,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -393609,8 +425473,8 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -393647,16 +425511,16 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -393671,16 +425535,16 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIOSDark", - "themeNameBase": "vkIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -393700,7 +425564,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { @@ -396333,7 +428197,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -396383,7 +428247,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -396635,7 +428499,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -396749,11 +428613,11 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -396879,11 +428743,11 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -396893,11 +428757,11 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -396907,11 +428771,11 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -396964,13 +428828,17 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOk)", + "value": "var(--vkui--theme_name, vkIdOkIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOk)", + "value": "var(--vkui--theme_name_base, vkIdOkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -396984,13 +428852,13 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -397790,7 +429658,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -397805,7 +429673,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -397880,7 +429748,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -397914,8 +429782,8 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -397952,16 +429820,16 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -397976,21 +429844,22 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", @@ -398790,7 +430659,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -398805,7 +430674,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -398880,7 +430749,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -398914,8 +430783,8 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -398952,16 +430821,16 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -398976,21 +430845,22 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, vkIdOk)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkIdOkIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -399790,7 +431660,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -399805,7 +431675,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -399880,7 +431750,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -399914,8 +431784,8 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -399952,16 +431822,16 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -399976,15 +431846,16 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -400004,7 +431875,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { @@ -402637,7 +434508,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -402687,7 +434558,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -402939,7 +434810,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -403053,11 +434924,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -403183,11 +435054,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -403197,11 +435068,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -403211,11 +435082,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -403270,15 +435141,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkDark)", + "value": "var(--vkui--theme_name, vkIdOkIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOk)", + "value": "var(--vkui--theme_name_base, vkIdOkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -403292,13 +435163,13 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -404098,7 +435969,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -404113,7 +435984,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -404188,7 +436059,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -404222,8 +436093,8 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -404260,16 +436131,16 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -404284,22 +436155,22 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIdOkIOSDark", + "themeNameBase": "vkIdOkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #1482FF)", "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", @@ -405099,7 +436970,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -405114,7 +436985,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -405189,7 +437060,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -405223,8 +437094,8 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -405261,16 +437132,16 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -405285,22 +437156,22 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkIdOkDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkIdOkIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -406100,7 +437971,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -406115,7 +437986,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -406190,7 +438061,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -406224,8 +438095,8 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -406262,16 +438133,16 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -406286,16 +438157,16 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIdOkIOSDark", + "themeNameBase": "vkIdOkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -406315,7 +438186,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -406404,15 +438275,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #DB790C)", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #EE8208)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -406586,71 +438457,71 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #D87402)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E57B04)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #DB790C)", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #EE8208)", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D87402)", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #EE8208)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #E07F14)", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #E98412)", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #F38910)", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, "colorBackgroundContent": { @@ -406936,15 +438807,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #FFFFFF)", + "value": "var(--vkui--color_field_background, #f2f3f5)", }, }, "colorFieldBorderAlpha": { @@ -406978,29 +438849,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #DB790C)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #EE8208)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #778292)", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #818C99)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -407426,29 +439297,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #BEBFC1)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -407510,29 +439381,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #DB790C)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #DB790C)", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EE8208)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -407566,57 +439437,57 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #64707F)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #697482)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #6D7885)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #64707F)", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #697482)", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #6D7885)", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #778292)", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #7C8795)", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #818C99)", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #64707F)", + "value": "var(--vkui--color_text_link_visited--active, #437DC1)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #697482)", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #6D7885)", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, "colorTextMuted": { @@ -407867,6 +439738,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1--font_weight", "value": "var(--vkui--font_caption1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing", + "value": "var(--vkui--font_caption1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption1--line_height", "value": "var(--vkui--font_caption1--line_height)", @@ -407885,6 +439760,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1--font_weight--regular", "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing--regular", + "value": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", "value": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -407905,6 +439784,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight", "value": "var(--vkui--font_caption1_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height", "value": "var(--vkui--font_caption1_caps--line_height)", @@ -407927,6 +439810,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight--regular", "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height--regular", "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -407951,6 +439838,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2--font_weight", "value": "var(--vkui--font_caption2--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing", + "value": "var(--vkui--font_caption2--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption2--line_height", "value": "var(--vkui--font_caption2--line_height)", @@ -407969,6 +439860,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2--font_weight--regular", "value": "var(--vkui--font_caption2--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing--regular", + "value": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption2--line_height--regular", "value": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -407989,6 +439884,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight", "value": "var(--vkui--font_caption2_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height", "value": "var(--vkui--font_caption2_caps--line_height)", @@ -408011,6 +439910,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight--regular", "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height--regular", "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -408035,6 +439938,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3--font_weight", "value": "var(--vkui--font_caption3--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing", + "value": "var(--vkui--font_caption3--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption3--line_height", "value": "var(--vkui--font_caption3--line_height)", @@ -408053,6 +439960,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3--font_weight--regular", "value": "var(--vkui--font_caption3--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing--regular", + "value": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption3--line_height--regular", "value": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -408073,6 +439984,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight", "value": "var(--vkui--font_caption3_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height", "value": "var(--vkui--font_caption3_caps--line_height)", @@ -408095,6 +440010,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight--regular", "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height--regular", "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -408127,7 +440046,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -408165,7 +440084,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -408183,7 +440102,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -408221,7 +440140,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -408259,7 +440178,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -408277,7 +440196,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", @@ -408301,6 +440220,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote--font_weight", "value": "var(--vkui--font_footnote--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing", + "value": "var(--vkui--font_footnote--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_footnote--line_height", "value": "var(--vkui--font_footnote--line_height)", @@ -408319,6 +440242,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote--font_weight--regular", "value": "var(--vkui--font_footnote--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing--regular", + "value": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", + }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", "value": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -408339,6 +440266,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight", "value": "var(--vkui--font_footnote_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height", "value": "var(--vkui--font_footnote_caps--line_height)", @@ -408361,6 +440292,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight--regular", "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height--regular", "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -408385,6 +440320,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_weight", "value": "var(--vkui--font_headline--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing", + "value": "var(--vkui--font_headline--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_headline--line_height", "value": "var(--vkui--font_headline--line_height)", @@ -408395,6 +440334,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_size--compact", "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--compact", + "value": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", "value": "var(--vkui--font_headline--line_height--compact, 20px)", @@ -408413,6 +440356,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_weight--regular", "value": "var(--vkui--font_headline--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--regular", + "value": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline--line_height--regular", "value": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -408433,6 +440380,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_weight", "value": "var(--vkui--font_headline1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing", + "value": "var(--vkui--font_headline1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_headline1--line_height", "value": "var(--vkui--font_headline1--line_height)", @@ -408443,6 +440394,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_size--compact", "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--compact", + "value": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", "value": "var(--vkui--font_headline1--line_height--compact, 20px)", @@ -408461,6 +440416,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_weight--regular", "value": "var(--vkui--font_headline1--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--regular", + "value": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline1--line_height--regular", "value": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -408567,6 +440526,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_weight", "value": "var(--vkui--font_subhead--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing", + "value": "var(--vkui--font_subhead--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_subhead--line_height", "value": "var(--vkui--font_subhead--line_height)", @@ -408577,6 +440540,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_size--compact", "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--compact", + "value": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", "value": "var(--vkui--font_subhead--line_height--compact, 16px)", @@ -408595,6 +440562,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_weight--regular", "value": "var(--vkui--font_subhead--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--regular", + "value": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_subhead--line_height--regular", "value": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -408615,6 +440586,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_weight", "value": "var(--vkui--font_text--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing", + "value": "var(--vkui--font_text--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_text--line_height", "value": "var(--vkui--font_text--line_height)", @@ -408625,6 +440600,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_size--compact", "value": "var(--vkui--font_text--font_size--compact, 15px)", }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--compact", + "value": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", "value": "var(--vkui--font_text--line_height--compact, 20px)", @@ -408643,6 +440622,10 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_weight--regular", "value": "var(--vkui--font_text--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--regular", + "value": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", "value": "var(--vkui--font_text--line_height--regular, 20px)", @@ -408948,7 +440931,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -408998,7 +440981,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -409101,497 +441084,1641 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkontakteAndroid)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + }, + "themeType": "cssVars", + "vkontakteBackgroundHoverAlpha": { + "active": { + "name": "--vkui--vkontakte_background_hover_alpha--active", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--vkontakte_background_hover_alpha--hover", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--vkontakte_background_hover_alpha", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + }, + }, + "vkontakteButtonMutedBackground": { + "active": { + "name": "--vkui--vkontakte_button_muted_background--active", + "value": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--vkontakte_button_muted_background--hover", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--vkontakte_button_muted_background", + "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + }, + }, + "vkontakteButtonTertiaryBackground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_background--active", + "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_background--hover", + "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_background", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + }, + "vkontakteButtonTertiaryForeground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_foreground--active", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_foreground--hover", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_foreground", + "value": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + }, + }, + "vkontakteColorAccentAlternate": { + "active": { + "name": "--vkui--vkontakte_color_accent_alternate--active", + "value": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_accent_alternate--hover", + "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_accent_alternate", + "value": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", + }, + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + }, + "vkontakteColorBackgroundKeyboard": { + "active": { + "name": "--vkui--vkontakte_color_background_keyboard--active", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_keyboard--hover", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_keyboard", + "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + }, + }, + "vkontakteColorBackgroundSuggestions": { + "active": { + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_suggestions--hover", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_suggestions", + "value": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", + }, + }, + "vkontakteColorBackgroundTextAlpha": { + "active": { + "name": "--vkui--vkontakte_color_background_text_alpha--active", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_text_alpha--hover", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_text_alpha", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + }, + }, + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + }, + }, + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + }, + }, + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_background--hover", + "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_background", + "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + }, + }, + "vkontakteColorControlForeground": { + "active": { + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_foreground--hover", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_foreground", + "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + }, + }, + "vkontakteColorControlTintMuted": { + "active": { + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_tint_muted--hover", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_tint_muted", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + }, + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_background--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_background", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + }, + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_tint--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_tint", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + }, + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + }, + }, + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + }, + }, + "vkontakteColorIconOutlineMedium": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_medium--active", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_medium--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_medium", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + }, + }, + "vkontakteColorIconOutlineSecondary": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--active", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_secondary", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + }, + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + }, + }, + "vkontakteColorImBubbleGiftText": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + }, + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", + }, + }, + "vkontakteColorImBubbleIncoming": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + }, + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + }, + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + }, + }, + "vkontakteColorImBubbleOutgoing": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + }, + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + }, + }, + "vkontakteColorImForwardLineAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + }, + }, + "vkontakteColorImTextName": { + "active": { + "name": "--vkui--vkontakte_color_im_text_name--active", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_text_name--hover", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_text_name", + "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + }, + }, + "vkontakteColorInputBorder": { + "active": { + "name": "--vkui--vkontakte_color_input_border--active", + "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_input_border--hover", + "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_input_border", + "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + }, + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + }, + "hover": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + }, + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "vkontakteColorModalCardBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(0, 0, 0, 0.04))", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_modal_card_header_close--hover", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "hover": { + "name": "--vkui--vkontakte_color_music_playback_icon--hover", + "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_color_music_playback_icon", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "vkontakteColorPlaceholderIconTint": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + }, + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "vkontakteColorSearchBarFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--active", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "hover": { + "name": "--vkui--vkontakte_color_snippet_background--hover", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "vkontakteColorSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "vkontakteFloatButtonForeground": { + "active": { + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "hover": { + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", }, }, - "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "hover": { + "name": "--vkui--vkontakte_im_attach_tint--hover", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "vkontakteImBubbleButtonForeground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--active", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background", + "value": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", }, }, - "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", }, }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", }, }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", }, }, - "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", }, }, - "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", }, }, - "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "vkontakteImBubbleOutgoingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", }, }, - "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_im_reply_separator--hover", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", }, }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "vkontakteImToolbarVoiceMsgBackground": { + "active": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", }, }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", }, }, - "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "vkontakteLandingSecondaryButtonBackground": { + "active": { + "name": "--vkui--vkontakte_landing_secondary_button_background--active", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", }, }, - "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", - }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", - }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", - }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", - }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", - }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", - }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", - }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", - }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", - }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkIOS)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOkIOS)", - }, - "themeType": "cssVars", "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -409603,13 +442730,13 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -409641,9 +442768,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -409706,29 +442833,29 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#E07F14", - "hover": "#E98412", - "normal": "#F38910", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -409831,9 +442958,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -409846,14 +442973,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -410006,14 +443133,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -410036,14 +443163,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -410056,24 +443183,24 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#282B2F", @@ -410161,6 +443288,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "14px", }, }, @@ -410169,6 +443297,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, @@ -410178,6 +443307,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "14px", }, }, @@ -410186,6 +443316,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, @@ -410195,6 +443326,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "12px", }, }, @@ -410203,13 +443335,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -410217,13 +443350,13 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -410231,7 +443364,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -410239,13 +443372,13 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { @@ -410253,6 +443386,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": "16px", }, }, @@ -410261,6 +443395,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": "16px", "textTransform": "uppercase", }, @@ -410268,24 +443403,28 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontHeadline": { "compact": { "fontSize": "15px", + "letterSpacing": "0.15px", "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": "20px", }, }, "fontHeadline1": { "compact": { "fontSize": "15px", + "letterSpacing": "0.15px", "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": "20px", }, }, @@ -410312,24 +443451,28 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": "13px", + "letterSpacing": "0.15px", "lineHeight": "16px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": "18px", }, }, "fontText": { "compact": { "fontSize": "15px", + "letterSpacing": "0.15px", "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": "20px", }, }, @@ -410409,7 +443552,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -410424,7 +443567,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -410499,7 +443642,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -410533,8 +443676,8 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -410571,16 +443714,16 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -410596,21 +443739,415 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkIOS", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkontakteAndroid", + "themeNameBase": "vkontakteAndroid", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", + }, + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", + }, + "vkontakteColorControlTintMuted": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "vkontakteColorIconName": { + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#7A6A4E", + "hover": "#806E4F", + "normal": "#857250", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#9D8D6D", + "hover": "#A4936F", + "normal": "#AB9871", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#D4D8EF", + "hover": "#DDE0F7", + "normal": "#E6E9FF", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#CCE4FF", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#9FABEF", + "hover": "#A6B1F7", + "normal": "#ADB8FF", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", + }, + "vkontakteColorInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorLoaderTint": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", + }, + "vkontakteColorPollOptionBackground": { + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", + }, + "vkontakteColorSearchBarBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorStatusBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", + }, + "vkontakteColorTabbarBackground": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", + }, + "vkontakteColorTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "vkontakteFloatButtonForeground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", + "vkontakteGradientBlue": "#66CCFF, #3F8AE0", + "vkontakteGradientCandy": "#FF99CC, #E52E6A", + "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", + "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", + "vkontakteGradientEmerald": "#00D948, #0D8046", + "vkontakteGradientFrost": "#4FA0FF, #016CEA", + "vkontakteGradientGray": "#C1CAD6, #878F99", + "vkontakteGradientGreen": "#6CD97E, #12B312", + "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", + "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", + "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", + "vkontakteGradientLavender": "#928FFF, #4B47B2", + "vkontakteGradientMable": "#D9F4FF, #D9F4FF", + "vkontakteGradientMarine": "#2EE54D, #0D7EFF", + "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", + "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", + "vkontakteGradientOrange": "#FFBF80, #E66B2E", + "vkontakteGradientPink": "#FF8880, #E62E6B", + "vkontakteGradientPurple": "#A393F5, #735CE6", + "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", + "vkontakteGradientRed": "#FF7583, #E62E40", + "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", + "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", + "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", + "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", + "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", + "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", + "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", + "vkontakteGradientViolet": "#D3A6FF, #903FE0", + "vkontakteGradientWarmValentine": "#F3386A, #FF819E", + "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", + "vkontakteGradientYellow": "#FFC44D, #F07300", + "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#BCC3EF", + "hover": "#C4CBF7", + "normal": "#ccd3ff", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#9FC3EF", + "hover": "#A6CBF7", + "normal": "#add3ff", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteLandingBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(0, 57, 115, 0.18)", + "hover": "rgba(0, 57, 115, 0.14)", + "normal": "rgba(0, 57, 115, 0.10)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", @@ -410642,9 +444179,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #DB790C)", - "hover": "var(--vkui--color_accent_orange--hover, #E47D0A)", - "normal": "var(--vkui--color_accent_orange, #EE8208)", + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -410707,29 +444244,29 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #D87402)", - "hover": "var(--vkui--color_background_accent--hover, #E57B04)", - "normal": "var(--vkui--color_background_accent, #EE8208)", + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #DB790C)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", - "normal": "var(--vkui--color_background_accent_alternative, #EE8208)", + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D87402)", - "hover": "var(--vkui--color_background_accent_themed--hover, #E57B04)", - "normal": "var(--vkui--color_background_accent_themed, #EE8208)", + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #E07F14)", - "hover": "var(--vkui--color_background_accent_tint--hover, #E98412)", - "normal": "var(--vkui--color_background_accent_tint, #F38910)", + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -410832,9 +444369,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #FFFFFF)", + "active": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -410847,14 +444384,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #DB790C)", - "hover": "var(--vkui--color_icon_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_icon_accent, #EE8208)", + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #778292)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", - "normal": "var(--vkui--color_icon_accent_themed, #818C99)", + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -411007,14 +444544,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #AFB1B6)", - "hover": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", - "normal": "var(--vkui--color_stroke_accent, #BEBFC1)", + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", - "normal": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -411037,14 +444574,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #DB790C)", - "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_text_accent, #EE8208)", + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #DB790C)", - "hover": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", - "normal": "var(--vkui--color_text_accent_themed, #EE8208)", + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -411057,24 +444594,24 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #64707F)", - "hover": "var(--vkui--color_text_link--hover, #697482)", - "normal": "var(--vkui--color_text_link, #6D7885)", + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #64707F)", - "hover": "var(--vkui--color_text_link_themed--hover, #697482)", - "normal": "var(--vkui--color_text_link_themed, #6D7885)", + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #778292)", - "hover": "var(--vkui--color_text_link_tint--hover, #7C8795)", - "normal": "var(--vkui--color_text_link_tint, #818C99)", + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #64707F)", - "hover": "var(--vkui--color_text_link_visited--hover, #697482)", - "normal": "var(--vkui--color_text_link_visited, #6D7885)", + "active": "var(--vkui--color_text_link_visited--active, #437DC1)", + "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #282B2F)", @@ -411162,6 +444699,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, @@ -411170,6 +444708,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, @@ -411179,6 +444718,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, @@ -411187,6 +444727,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, @@ -411196,6 +444737,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, @@ -411204,13 +444746,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -411218,13 +444761,13 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -411232,7 +444775,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -411240,13 +444783,13 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { @@ -411254,6 +444797,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, @@ -411262,6 +444806,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, @@ -411269,24 +444814,28 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontHeadline": { "compact": { "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { "compact": { "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, @@ -411313,24 +444862,28 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "fontSubhead": { "compact": { "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { "compact": { "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, @@ -411410,7 +444963,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -411425,7 +444978,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -411500,7 +445053,7 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -411534,8 +445087,8 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -411572,16 +445125,16 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -411597,21 +445150,415 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkIdOkIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", + "themeName": "var(--vkui--theme_name, vkontakteAndroid)", + "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + }, + "vkontakteButtonMutedBackground": { + "active": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", + "normal": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + }, + "vkontakteButtonTertiaryBackground": { + "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + "vkontakteButtonTertiaryForeground": { + "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", + "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + }, + "vkontakteColorAccentAlternate": { + "active": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", + "hover": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", + "normal": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + }, + "vkontakteColorContentTintForeground": { + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + }, + "vkontakteColorControlBackground": { + "active": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + }, + "vkontakteColorControlForeground": { + "active": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", + "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + "normal": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + }, + "vkontakteColorControlTintMuted": { + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", + "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + }, + "vkontakteColorIconName": { + "active": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + "normal": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + }, + "vkontakteColorIconOutlineMedium": { + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", + "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", + "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", + "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + }, + "vkontakteColorImBubbleGiftText": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", + }, + "vkontakteColorImBubbleIncoming": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", + "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + }, + "vkontakteColorImTextName": { + "active": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + }, + "vkontakteColorInputBorder": { + "active": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + "vkontakteColorLoaderBackground": { + "active": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + }, + "vkontakteColorLoaderTint": { + "active": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", + "hover": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", + "normal": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + "hover": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", + "normal": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", + }, + "vkontakteColorPanelTabActiveText": { + "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + }, + "vkontakteColorPollOptionBackground": { + "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", + "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + "normal": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + }, + "vkontakteColorSearchBarBackground": { + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", + "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + }, + "vkontakteColorSnippetBackground": { + "active": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + "vkontakteColorSplashScreenIcon": { + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + }, + "vkontakteColorStatusBackground": { + "active": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", + "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + }, + "vkontakteColorTabbarBackground": { + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + }, + "vkontakteColorTextName": { + "active": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", + "hover": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + }, + "vkontakteFloatButtonForeground": { + "active": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + }, + "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", + }, + "vkontakteImReplySeparator": { + "active": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, + "vkontakteLandingBackground": { + "active": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", + "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", @@ -411643,9 +445590,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -411708,29 +445655,29 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#E07F14", - "hover": "#E98412", - "normal": "#F38910", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -411833,9 +445780,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -411848,14 +445795,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -412008,14 +445955,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -412038,14 +445985,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -412058,24 +446005,24 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#282B2F", @@ -412163,6 +446110,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 14, }, }, @@ -412171,6 +446119,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, @@ -412180,6 +446129,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 14, }, }, @@ -412188,6 +446138,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, @@ -412197,6 +446148,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 12, }, }, @@ -412205,13 +446157,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -412219,13 +446172,13 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -412233,7 +446186,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -412241,13 +446194,13 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { @@ -412255,6 +446208,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": 16, }, }, @@ -412263,6 +446217,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": 16, "textTransform": "uppercase", }, @@ -412270,24 +446225,28 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontHeadline": { "compact": { "fontSize": 15, + "letterSpacing": "0.15px", "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": 20, }, }, "fontHeadline1": { "compact": { "fontSize": 15, + "letterSpacing": "0.15px", "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": 20, }, }, @@ -412314,24 +446273,28 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": 13, + "letterSpacing": "0.15px", "lineHeight": 16, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": 18, }, }, "fontText": { "compact": { "fontSize": 15, + "letterSpacing": "0.15px", "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": 20, }, }, @@ -412411,7 +446374,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -412426,7 +446389,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -412501,7 +446464,7 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -412535,8 +446498,8 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -412573,16 +446536,16 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -412598,15 +446561,409 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkIOS", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkontakteAndroid", + "themeNameBase": "vkontakteAndroid", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", + }, + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", + }, + "vkontakteColorControlTintMuted": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "vkontakteColorIconName": { + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#7A6A4E", + "hover": "#806E4F", + "normal": "#857250", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#9D8D6D", + "hover": "#A4936F", + "normal": "#AB9871", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#D4D8EF", + "hover": "#DDE0F7", + "normal": "#E6E9FF", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#CCE4FF", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#9FABEF", + "hover": "#A6B1F7", + "normal": "#ADB8FF", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", + }, + "vkontakteColorInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorLoaderTint": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", + }, + "vkontakteColorPollOptionBackground": { + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", + }, + "vkontakteColorSearchBarBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorStatusBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", + }, + "vkontakteColorTabbarBackground": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", + }, + "vkontakteColorTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "vkontakteFloatButtonForeground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", + "vkontakteGradientBlue": "#66CCFF, #3F8AE0", + "vkontakteGradientCandy": "#FF99CC, #E52E6A", + "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", + "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", + "vkontakteGradientEmerald": "#00D948, #0D8046", + "vkontakteGradientFrost": "#4FA0FF, #016CEA", + "vkontakteGradientGray": "#C1CAD6, #878F99", + "vkontakteGradientGreen": "#6CD97E, #12B312", + "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", + "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", + "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", + "vkontakteGradientLavender": "#928FFF, #4B47B2", + "vkontakteGradientMable": "#D9F4FF, #D9F4FF", + "vkontakteGradientMarine": "#2EE54D, #0D7EFF", + "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", + "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", + "vkontakteGradientOrange": "#FFBF80, #E66B2E", + "vkontakteGradientPink": "#FF8880, #E62E6B", + "vkontakteGradientPurple": "#A393F5, #735CE6", + "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", + "vkontakteGradientRed": "#FF7583, #E62E40", + "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", + "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", + "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", + "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", + "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", + "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", + "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", + "vkontakteGradientViolet": "#D3A6FF, #903FE0", + "vkontakteGradientWarmValentine": "#F3386A, #FF819E", + "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", + "vkontakteGradientYellow": "#FFC44D, #F07300", + "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#BCC3EF", + "hover": "#C4CBF7", + "normal": "#ccd3ff", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#9FC3EF", + "hover": "#A6CBF7", + "normal": "#add3ff", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteLandingBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(0, 57, 115, 0.18)", + "hover": "rgba(0, 57, 115, 0.14)", + "normal": "rgba(0, 57, 115, 0.10)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -412626,7 +446983,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentAzure": { "active": { @@ -412715,15 +447072,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EF8C1C)", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #EF8712)", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #EE8208)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -412897,29 +447254,29 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #F58C15)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #F38910)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #F49223)", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #F38910)", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, "colorBackgroundAccentThemed": { @@ -412953,15 +447310,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #F49223)", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #F38910)", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, "colorBackgroundContent": { @@ -413247,15 +447604,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #2B2B2C)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222223)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #19191A)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { @@ -413289,15 +447646,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #EF8712)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #EE8208)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { @@ -413737,15 +448094,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #5E6061)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #57595A)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #505253)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { @@ -413821,29 +448178,29 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #EF8C1C)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #EF8712)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { @@ -413877,15 +448234,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #9EA2A7)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #9A9EA3)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #969A9F)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { @@ -413905,29 +448262,29 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #818385)", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #76787A)", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #9EA2A7)", + "value": "var(--vkui--color_text_link_visited--active, #5890D0)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #969A9F)", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, "colorTextMuted": { @@ -414178,6 +448535,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1--font_weight", "value": "var(--vkui--font_caption1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing", + "value": "var(--vkui--font_caption1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption1--line_height", "value": "var(--vkui--font_caption1--line_height)", @@ -414196,6 +448557,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1--font_weight--regular", "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing--regular", + "value": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", "value": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -414216,6 +448581,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight", "value": "var(--vkui--font_caption1_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height", "value": "var(--vkui--font_caption1_caps--line_height)", @@ -414238,6 +448607,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight--regular", "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height--regular", "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -414262,6 +448635,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2--font_weight", "value": "var(--vkui--font_caption2--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing", + "value": "var(--vkui--font_caption2--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption2--line_height", "value": "var(--vkui--font_caption2--line_height)", @@ -414280,6 +448657,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2--font_weight--regular", "value": "var(--vkui--font_caption2--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing--regular", + "value": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption2--line_height--regular", "value": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -414300,6 +448681,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight", "value": "var(--vkui--font_caption2_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height", "value": "var(--vkui--font_caption2_caps--line_height)", @@ -414322,6 +448707,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight--regular", "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height--regular", "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -414346,6 +448735,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3--font_weight", "value": "var(--vkui--font_caption3--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing", + "value": "var(--vkui--font_caption3--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption3--line_height", "value": "var(--vkui--font_caption3--line_height)", @@ -414364,6 +448757,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3--font_weight--regular", "value": "var(--vkui--font_caption3--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing--regular", + "value": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption3--line_height--regular", "value": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -414384,6 +448781,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight", "value": "var(--vkui--font_caption3_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height", "value": "var(--vkui--font_caption3_caps--line_height)", @@ -414406,6 +448807,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight--regular", "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height--regular", "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -414438,7 +448843,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -414476,7 +448881,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -414494,7 +448899,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -414532,7 +448937,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -414570,7 +448975,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -414588,7 +448993,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", @@ -414612,6 +449017,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote--font_weight", "value": "var(--vkui--font_footnote--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing", + "value": "var(--vkui--font_footnote--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_footnote--line_height", "value": "var(--vkui--font_footnote--line_height)", @@ -414630,6 +449039,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote--font_weight--regular", "value": "var(--vkui--font_footnote--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing--regular", + "value": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", + }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", "value": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -414650,6 +449063,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight", "value": "var(--vkui--font_footnote_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height", "value": "var(--vkui--font_footnote_caps--line_height)", @@ -414672,6 +449089,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight--regular", "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height--regular", "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -414696,6 +449117,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_weight", "value": "var(--vkui--font_headline--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing", + "value": "var(--vkui--font_headline--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_headline--line_height", "value": "var(--vkui--font_headline--line_height)", @@ -414706,6 +449131,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_size--compact", "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--compact", + "value": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", "value": "var(--vkui--font_headline--line_height--compact, 20px)", @@ -414724,6 +449153,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_weight--regular", "value": "var(--vkui--font_headline--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--regular", + "value": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline--line_height--regular", "value": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -414744,6 +449177,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_weight", "value": "var(--vkui--font_headline1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing", + "value": "var(--vkui--font_headline1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_headline1--line_height", "value": "var(--vkui--font_headline1--line_height)", @@ -414754,6 +449191,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_size--compact", "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--compact", + "value": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", "value": "var(--vkui--font_headline1--line_height--compact, 20px)", @@ -414772,6 +449213,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_weight--regular", "value": "var(--vkui--font_headline1--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--regular", + "value": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_headline1--line_height--regular", "value": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -414878,6 +449323,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_weight", "value": "var(--vkui--font_subhead--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing", + "value": "var(--vkui--font_subhead--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_subhead--line_height", "value": "var(--vkui--font_subhead--line_height)", @@ -414888,6 +449337,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_size--compact", "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--compact", + "value": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", "value": "var(--vkui--font_subhead--line_height--compact, 16px)", @@ -414906,6 +449359,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_weight--regular", "value": "var(--vkui--font_subhead--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--regular", + "value": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_subhead--line_height--regular", "value": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -414926,6 +449383,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_weight", "value": "var(--vkui--font_text--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing", + "value": "var(--vkui--font_text--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_text--line_height", "value": "var(--vkui--font_text--line_height)", @@ -414936,6 +449397,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_size--compact", "value": "var(--vkui--font_text--font_size--compact, 15px)", }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--compact", + "value": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", "value": "var(--vkui--font_text--line_height--compact, 20px)", @@ -414954,6 +449419,10 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_weight--regular", "value": "var(--vkui--font_text--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--regular", + "value": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", + }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", "value": "var(--vkui--font_text--line_height--regular, 20px)", @@ -415259,7 +449728,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -415309,7 +449778,7 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -415357,552 +449826,1696 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_base_large_padding_horizontal_icon", "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkontakteAndroidDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + }, + "themeType": "cssVars", + "vkontakteBackgroundHoverAlpha": { + "active": { + "name": "--vkui--vkontakte_background_hover_alpha--active", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", + }, + "hover": { + "name": "--vkui--vkontakte_background_hover_alpha--hover", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", + }, + "normal": { + "name": "--vkui--vkontakte_background_hover_alpha", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", + }, + }, + "vkontakteButtonMutedBackground": { + "active": { + "name": "--vkui--vkontakte_button_muted_background--active", + "value": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_button_muted_background--hover", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_button_muted_background", + "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + }, + }, + "vkontakteButtonTertiaryBackground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_background--active", + "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_background--hover", + "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_background", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + }, + "vkontakteButtonTertiaryForeground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_foreground--active", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_foreground--hover", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_foreground", + "value": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", + }, + }, + "vkontakteColorAccentAlternate": { + "active": { + "name": "--vkui--vkontakte_color_accent_alternate--active", + "value": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_accent_alternate--hover", + "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_accent_alternate", + "value": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", + }, + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + }, + "vkontakteColorBackgroundKeyboard": { + "active": { + "name": "--vkui--vkontakte_color_background_keyboard--active", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_keyboard--hover", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_keyboard", + "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + }, + }, + "vkontakteColorBackgroundSuggestions": { + "active": { + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_suggestions--hover", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_suggestions", + "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + }, + }, + "vkontakteColorBackgroundTextAlpha": { + "active": { + "name": "--vkui--vkontakte_color_background_text_alpha--active", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_text_alpha--hover", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_text_alpha", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", + }, + }, + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", + }, + }, + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", + }, + }, + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #545556)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_background--hover", + "value": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_background", + "value": "var(--vkui--vkontakte_color_control_background, #454647)", + }, + }, + "vkontakteColorControlForeground": { + "active": { + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_foreground--hover", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_foreground", + "value": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", + }, + }, + "vkontakteColorControlTintMuted": { + "active": { + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_tint_muted--hover", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_tint_muted", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", + }, + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_background--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_background", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + }, + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_tint--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_tint", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + }, + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + }, + }, + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + }, + }, + "vkontakteColorIconOutlineMedium": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_medium--active", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_medium--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_medium", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + }, + }, + "vkontakteColorIconOutlineSecondary": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--active", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_secondary", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + }, + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(0, 0, 0, 0.00))", + }, + }, + "vkontakteColorImBubbleGiftText": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", + }, + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", + }, + }, + "vkontakteColorImBubbleIncoming": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + }, + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + }, + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", + }, + }, + "vkontakteColorImBubbleOutgoing": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "vkontakteColorImForwardLineAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32))", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28))", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "vkontakteColorImTextName": { + "active": { + "name": "--vkui--vkontakte_color_im_text_name--active", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_im_text_name--hover", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_text_name", + "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "vkontakteColorInputBorder": { + "active": { + "name": "--vkui--vkontakte_color_input_border--active", + "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_input_border--hover", + "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_input_border", + "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "vkontakteColorLandingSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "vkontakteColorModalCardBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16))", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_modal_card_header_close--hover", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "hover": { + "name": "--vkui--vkontakte_color_music_playback_icon--hover", + "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_music_playback_icon", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "vkontakteColorPlaceholderIconTint": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "vkontakteColorSearchBarFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--active", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", }, - "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "hover": { + "name": "--vkui--vkontakte_color_snippet_background--hover", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "vkontakteColorSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #19191a)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "vkontakteFloatButtonForeground": { + "active": { + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "hover": { + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", }, }, - "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "hover": { + "name": "--vkui--vkontakte_im_attach_tint--hover", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "vkontakteImBubbleButtonForeground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--active", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background", + "value": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", }, }, - "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", }, }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", }, }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", }, }, - "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", }, }, - "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", }, - "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", }, }, - "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "vkontakteImBubbleOutgoingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", }, }, - "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_im_reply_separator--hover", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", }, }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "vkontakteImToolbarVoiceMsgBackground": { + "active": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", }, }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #222223)", }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #19191a)", }, }, - "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "vkontakteLandingSecondaryButtonBackground": { + "active": { + "name": "--vkui--vkontakte_landing_secondary_button_background--active", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", }, }, - "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "hover": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", - }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", - }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", - }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", - }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", - }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", - }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", - }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", - }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", - }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkIOSDark)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOkIOS)", - }, - "themeType": "cssVars", "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -415914,13 +451527,13 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -415952,9 +451565,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -416017,14 +451630,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -416037,9 +451650,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -416142,9 +451755,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -416157,9 +451770,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#19191a", }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -416317,9 +451930,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -416347,14 +451960,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#76787a", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -416367,9 +451980,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#000000", }, "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -416377,14 +451990,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#E3E5E8", @@ -416472,6 +452085,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "14px", }, }, @@ -416480,6 +452094,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, @@ -416489,6 +452104,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "14px", }, }, @@ -416497,6 +452113,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, @@ -416506,6 +452123,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "12px", }, }, @@ -416514,13 +452132,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -416528,13 +452147,13 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -416542,7 +452161,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -416550,13 +452169,13 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { @@ -416564,6 +452183,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": "16px", }, }, @@ -416572,6 +452192,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": "16px", "textTransform": "uppercase", }, @@ -416579,24 +452200,28 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontHeadline": { "compact": { "fontSize": "15px", + "letterSpacing": "0.15px", "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": "20px", }, }, "fontHeadline1": { "compact": { "fontSize": "15px", + "letterSpacing": "0.15px", "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": "20px", }, }, @@ -416623,24 +452248,28 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontSubhead": { "compact": { "fontSize": "13px", + "letterSpacing": "0.15px", "lineHeight": "16px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": "18px", }, }, "fontText": { "compact": { "fontSize": "15px", + "letterSpacing": "0.15px", "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": "20px", }, }, @@ -416720,7 +452349,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -416735,7 +452364,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -416810,7 +452439,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -416844,8 +452473,8 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -416882,16 +452511,16 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -416907,21 +452536,415 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIdOkIOSDark", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkontakteAndroidDark", + "themeNameBase": "vkontakteAndroid", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorAccentAlternate": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorContentTintForeground": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorControlBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorControlForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorControlTintMuted": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "vkontakteColorIconName": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#E3D3AC", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#262B4D", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#5965B3", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "vkontakteColorInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorLoaderTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPollOptionBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSnippetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorStatusBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorTabbarBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTextName": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteFloatButtonForeground": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", + "vkontakteGradientBlue": "#66CCFF, #3F8AE0", + "vkontakteGradientCandy": "#FF99CC, #E52E6A", + "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", + "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", + "vkontakteGradientEmerald": "#00D948, #0D8046", + "vkontakteGradientFrost": "#4FA0FF, #016CEA", + "vkontakteGradientGray": "#C1CAD6, #878F99", + "vkontakteGradientGreen": "#6CD97E, #12B312", + "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", + "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", + "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", + "vkontakteGradientLavender": "#928FFF, #4B47B2", + "vkontakteGradientMable": "#D9F4FF, #D9F4FF", + "vkontakteGradientMarine": "#2EE54D, #0D7EFF", + "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", + "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", + "vkontakteGradientOrange": "#FFBF80, #E66B2E", + "vkontakteGradientPink": "#FF8880, #E62E6B", + "vkontakteGradientPurple": "#A393F5, #735CE6", + "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", + "vkontakteGradientRed": "#FF7583, #E62E40", + "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", + "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", + "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", + "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", + "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", + "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", + "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", + "vkontakteGradientViolet": "#D3A6FF, #903FE0", + "vkontakteGradientWarmValentine": "#F3386A, #FF819E", + "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", + "vkontakteGradientYellow": "#FFC44D, #F07300", + "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#4F588A", + "hover": "#485085", + "normal": "#404980", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteLandingBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #1482FF)", "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", @@ -416953,9 +452976,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EF8C1C)", - "hover": "var(--vkui--color_accent_orange--hover, #EF8712)", - "normal": "var(--vkui--color_accent_orange, #EE8208)", + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -417018,14 +453041,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #F58C15)", - "hover": "var(--vkui--color_background_accent--hover, #F38910)", - "normal": "var(--vkui--color_background_accent, #EE8208)", + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #F49223)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", - "normal": "var(--vkui--color_background_accent_alternative, #F38910)", + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", @@ -417038,9 +453061,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #F49223)", - "hover": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", - "normal": "var(--vkui--color_background_accent_tint, #F38910)", + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #2B2B2C)", @@ -417143,9 +453166,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #2B2B2C)", - "hover": "var(--vkui--color_field_background--hover, #222223)", - "normal": "var(--vkui--color_field_background, #19191A)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -417158,9 +453181,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", - "normal": "var(--vkui--color_icon_accent, #EE8208)", + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -417318,9 +453341,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #5E6061)", - "hover": "var(--vkui--color_stroke_accent--hover, #57595A)", - "normal": "var(--vkui--color_stroke_accent, #505253)", + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -417348,14 +453371,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_text_accent--hover, #EF8712)", - "normal": "var(--vkui--color_text_accent, #EE8208)", + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", - "hover": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", - "normal": "var(--vkui--color_text_accent_themed, #EBEDF0)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -417368,9 +453391,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #9EA2A7)", - "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_link, #969A9F)", + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -417378,14 +453401,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #818385)", - "hover": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_link_tint, #76787A)", + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #9EA2A7)", - "hover": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_link_visited, #969A9F)", + "active": "var(--vkui--color_text_link_visited--active, #5890D0)", + "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #E3E5E8)", @@ -417473,6 +453496,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, @@ -417481,6 +453505,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, @@ -417490,6 +453515,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, @@ -417498,6 +453524,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, @@ -417507,6 +453534,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, @@ -417515,13 +453543,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -417529,13 +453558,13 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -417543,7 +453572,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -417551,13 +453580,13 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { @@ -417565,6 +453594,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, @@ -417573,6 +453603,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, @@ -417580,24 +453611,28 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontHeadline": { "compact": { "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { "compact": { "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, @@ -417624,24 +453659,28 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "fontSubhead": { "compact": { "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { "compact": { "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, @@ -417721,7 +453760,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -417736,7 +453775,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -417811,7 +453850,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -417845,8 +453884,8 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -417883,16 +453922,16 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -417908,21 +453947,415 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkIdOkIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", + "themeName": "var(--vkui--theme_name, vkontakteAndroidDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", + }, + "vkontakteButtonMutedBackground": { + "active": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", + "normal": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + }, + "vkontakteButtonTertiaryBackground": { + "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + "vkontakteButtonTertiaryForeground": { + "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", + }, + "vkontakteColorAccentAlternate": { + "active": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", + }, + "vkontakteColorContentTintForeground": { + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", + }, + "vkontakteColorControlBackground": { + "active": "var(--vkui--vkontakte_color_control_background--active, #545556)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_color_control_background, #454647)", + }, + "vkontakteColorControlForeground": { + "active": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", + }, + "vkontakteColorControlTintMuted": { + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + }, + "vkontakteColorIconName": { + "active": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + }, + "vkontakteColorIconOutlineMedium": { + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(0, 0, 0, 0.00))", + }, + "vkontakteColorImBubbleGiftText": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", + }, + "vkontakteColorImBubbleIncoming": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32))", + "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28))", + "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", + }, + "vkontakteColorImTextName": { + "active": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + }, + "vkontakteColorInputBorder": { + "active": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + }, + "vkontakteColorLoaderBackground": { + "active": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_loader_background, #19191a)", + }, + "vkontakteColorLoaderTint": { + "active": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", + }, + "vkontakteColorPanelTabActiveText": { + "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", + }, + "vkontakteColorPollOptionBackground": { + "active": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", + }, + "vkontakteColorSearchBarBackground": { + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + }, + "vkontakteColorSnippetBackground": { + "active": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", + "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + "normal": "var(--vkui--vkontakte_color_snippet_background, #232324)", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + }, + "vkontakteColorSplashScreenIcon": { + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + }, + "vkontakteColorStatusBackground": { + "active": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_status_background, #19191a)", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + }, + "vkontakteColorTabbarBackground": { + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", + "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + }, + "vkontakteColorTextName": { + "active": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + }, + "vkontakteFloatButtonForeground": { + "active": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + }, + "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", + }, + "vkontakteImReplySeparator": { + "active": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", + "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", + }, + "vkontakteLandingBackground": { + "active": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_landing_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_landing_background, #19191a)", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", @@ -417954,9 +454387,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -418019,14 +454452,14 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -418039,9 +454472,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -418144,9 +454577,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -418159,9 +454592,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#19191a", }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -418319,9 +454752,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -418349,14 +454782,14 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -418369,9 +454802,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -418379,14 +454812,14 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#E3E5E8", @@ -418474,6 +454907,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 14, }, }, @@ -418482,6 +454916,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, @@ -418491,6 +454926,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 14, }, }, @@ -418499,6 +454935,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, @@ -418508,6 +454945,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 12, }, }, @@ -418516,13 +454954,14 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 600, + "letterSpacing": "0.3px", "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -418530,13 +454969,13 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -418544,7 +454983,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -418552,13 +454991,13 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { @@ -418566,6 +455005,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": 16, }, }, @@ -418574,6 +455014,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.2px", "lineHeight": 16, "textTransform": "uppercase", }, @@ -418581,24 +455022,28 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontHeadline": { "compact": { "fontSize": 15, + "letterSpacing": "0.15px", "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": 20, }, }, "fontHeadline1": { "compact": { "fontSize": 15, + "letterSpacing": "0.15px", "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, + "letterSpacing": "0.15px", "lineHeight": 20, }, }, @@ -418625,24 +455070,28 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": 13, + "letterSpacing": "0.15px", "lineHeight": 16, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": 18, }, }, "fontText": { "compact": { "fontSize": 15, + "letterSpacing": "0.15px", "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, + "letterSpacing": "0.15px", "lineHeight": 20, }, }, @@ -418722,7 +455171,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -418737,7 +455186,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -418812,7 +455261,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -418846,8 +455295,8 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -418884,16 +455333,16 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -418909,15 +455358,409 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIdOkIOSDark", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkontakteAndroidDark", + "themeNameBase": "vkontakteAndroid", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorAccentAlternate": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorContentTintForeground": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorControlBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorControlForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorControlTintMuted": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "vkontakteColorIconName": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#E3D3AC", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#262B4D", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#5965B3", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "vkontakteColorInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorLoaderTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPollOptionBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSnippetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorStatusBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorTabbarBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTextName": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteFloatButtonForeground": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", + "vkontakteGradientBlue": "#66CCFF, #3F8AE0", + "vkontakteGradientCandy": "#FF99CC, #E52E6A", + "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", + "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", + "vkontakteGradientEmerald": "#00D948, #0D8046", + "vkontakteGradientFrost": "#4FA0FF, #016CEA", + "vkontakteGradientGray": "#C1CAD6, #878F99", + "vkontakteGradientGreen": "#6CD97E, #12B312", + "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", + "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", + "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", + "vkontakteGradientLavender": "#928FFF, #4B47B2", + "vkontakteGradientMable": "#D9F4FF, #D9F4FF", + "vkontakteGradientMarine": "#2EE54D, #0D7EFF", + "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", + "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", + "vkontakteGradientOrange": "#FFBF80, #E66B2E", + "vkontakteGradientPink": "#FF8880, #E62E6B", + "vkontakteGradientPurple": "#A393F5, #735CE6", + "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", + "vkontakteGradientRed": "#FF7583, #E62E40", + "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", + "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", + "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", + "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", + "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", + "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", + "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", + "vkontakteGradientViolet": "#D3A6FF, #903FE0", + "vkontakteGradientWarmValentine": "#F3386A, #FF819E", + "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", + "vkontakteGradientYellow": "#FFC44D, #F07300", + "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#4F588A", + "hover": "#485085", + "normal": "#404980", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteLandingBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -418942,57 +455785,57 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "value": "var(--vkui--color_accent_azure--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "value": "var(--vkui--color_accent_azure--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #3F8AE0)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", + "value": "var(--vkui--color_accent_blue--active, #4B78AE)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #5181B8)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "value": "var(--vkui--color_accent_cyan--hover, #77EBD6)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #7CF4DC)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #AEB7C2)", }, }, "colorAccentGreen": { @@ -419006,21 +455849,21 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", + "value": "var(--vkui--color_accent_lime--active, #B0E54E)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "value": "var(--vkui--color_accent_lime--hover, #B7EE4E)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #BFF74F)", }, }, "colorAccentOrange": { @@ -419034,7 +455877,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "colorAccentOrangeFire": { @@ -419068,15 +455911,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", + "value": "var(--vkui--color_accent_pink--active, #E27CEF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "value": "var(--vkui--color_accent_pink--hover, #EC80F7)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #F685FF)", }, }, "colorAccentPurple": { @@ -419090,7 +455933,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #735CE6)", }, }, "colorAccentRaspberryPink": { @@ -419118,7 +455961,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { @@ -419146,7 +455989,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #792EC0)", }, }, "colorActionSheetText": { @@ -419194,71 +456037,71 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "value": "var(--vkui--color_background--active, #DADCE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #EDEEF0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #447BBA)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "value": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #447BBA)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_background_accent_themed--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #447BBA)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, }, "colorBackgroundAccentTint": { @@ -419286,7 +456129,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContrast": { @@ -419300,21 +456143,21 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #ffffff)", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #313233)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #333333)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -419376,15 +456219,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, }, "colorBackgroundNegative": { @@ -419398,21 +456241,21 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #E64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, }, "colorBackgroundPositive": { @@ -419426,7 +456269,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #4BB34B)", }, }, "colorBackgroundPositiveTint": { @@ -419446,43 +456289,43 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #F0F2F5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #FAFBFC)", }, }, "colorBackgroundTertiaryAlpha": { @@ -419516,57 +456359,57 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #305B90)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #346297)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #305B90)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #346297)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #305B90)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #346297)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #E3E5EB)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #EDEFF2)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #F7F8FA)", }, }, "colorFieldBorderAlpha": { @@ -419594,35 +456437,35 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #ffffff)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #447BBA)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #3770B1)", }, }, "colorIconContrast": { @@ -419636,7 +456479,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #ffffff)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { @@ -419664,21 +456507,21 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #66717F)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #6B7582)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #6F7985)", }, }, "colorIconMediumAlpha": { @@ -419706,7 +456549,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #E64646)", }, }, "colorIconPositive": { @@ -419720,7 +456563,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { @@ -419740,15 +456583,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #313233)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #333333)", }, }, "colorIconSecondary": { @@ -419762,7 +456605,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #99A2AD)", }, }, "colorIconSecondaryAlpha": { @@ -419782,15 +456625,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, }, "colorIconTertiaryAlpha": { @@ -419874,7 +456717,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #ffffff)", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", }, }, "colorOverlayPrimary": { @@ -419908,29 +456751,29 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "value": "var(--vkui--color_panel_header_icon--active, #3F72B0)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "value": "var(--vkui--color_panel_header_icon, #447BBA)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "value": "var(--vkui--color_search_field_background--active, #DADCE2)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #EDEEF0)", }, }, "colorSegmentedControl": { @@ -419950,15 +456793,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #DCE1E6)", }, }, "colorSeparatorPrimary2x": { @@ -419972,7 +456815,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, }, "colorSeparatorPrimary3x": { @@ -419986,7 +456829,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, }, "colorSeparatorPrimaryAlpha": { @@ -420006,71 +456849,71 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #E7E8EC)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #F0F2F5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #E7E8EC)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #447BBA)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, }, "colorStrokeContrast": { @@ -420098,7 +456941,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #E64646)", }, }, "colorStrokePositive": { @@ -420112,7 +456955,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "colorTabbarTextInactive": { @@ -420132,29 +456975,29 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #447BBA)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #3770B1)", }, }, "colorTextContrast": { @@ -420168,7 +457011,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, "colorTextContrastThemed": { @@ -420182,35 +457025,35 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #2A5885)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "value": "var(--vkui--color_text_link_themed--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link_themed--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #2A5885)", }, }, "colorTextLinkTint": { @@ -420244,15 +457087,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #2F3034)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #313233)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #333333)", }, }, "colorTextNegative": { @@ -420266,7 +457109,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #E64646)", }, }, "colorTextPositive": { @@ -420280,7 +457123,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { @@ -420300,15 +457143,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "value": "var(--vkui--color_text_primary_invariably--active, #2F3034)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "value": "var(--vkui--color_text_primary_invariably--hover, #313233)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #333333)", }, }, "colorTextSecondary": { @@ -420322,21 +457165,21 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #818C99)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #5A6675)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #5E6978)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #626D7A)", }, }, "colorTextTertiary": { @@ -420350,35 +457193,35 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #99A2AD)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #CBD1D8)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #D3D9DE)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #3F72B0)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #4177B5)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #447BBA)", }, }, "colorTransparent": { @@ -420398,43 +457241,43 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "value": "var(--vkui--color_write_bar_icon--active, #778292)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "value": "var(--vkui--color_write_bar_icon--hover, #7C8795)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "value": "var(--vkui--color_write_bar_icon, #818C99)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "value": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", }, "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, #FFFFFF)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "value": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "value": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", }, "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, #D3D9DE)", }, }, "colorWriteBarInputBorderAlpha": { @@ -420489,10 +457332,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1--font_weight", "value": "var(--vkui--font_caption1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption1--letter_spacing", - "value": "var(--vkui--font_caption1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption1--line_height", "value": "var(--vkui--font_caption1--line_height)", @@ -420501,7 +457340,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -420511,10 +457350,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1--font_weight--regular", "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_caption1--letter_spacing--regular", - "value": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", "value": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -420535,10 +457370,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight", "value": "var(--vkui--font_caption1_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height", "value": "var(--vkui--font_caption1_caps--line_height)", @@ -420551,7 +457382,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -420561,10 +457392,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight--regular", "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height--regular", "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -420589,10 +457416,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2--font_weight", "value": "var(--vkui--font_caption2--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption2--letter_spacing", - "value": "var(--vkui--font_caption2--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption2--line_height", "value": "var(--vkui--font_caption2--line_height)", @@ -420601,7 +457424,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -420611,10 +457434,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2--font_weight--regular", "value": "var(--vkui--font_caption2--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_caption2--letter_spacing--regular", - "value": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption2--line_height--regular", "value": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -420635,10 +457454,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight", "value": "var(--vkui--font_caption2_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height", "value": "var(--vkui--font_caption2_caps--line_height)", @@ -420651,7 +457466,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -420661,10 +457476,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight--regular", "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height--regular", "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -420689,10 +457500,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3--font_weight", "value": "var(--vkui--font_caption3--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption3--letter_spacing", - "value": "var(--vkui--font_caption3--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption3--line_height", "value": "var(--vkui--font_caption3--line_height)", @@ -420701,7 +457508,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -420711,10 +457518,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3--font_weight--regular", "value": "var(--vkui--font_caption3--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_caption3--letter_spacing--regular", - "value": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption3--line_height--regular", "value": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -420735,10 +457538,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight", "value": "var(--vkui--font_caption3_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height", "value": "var(--vkui--font_caption3_caps--line_height)", @@ -420751,7 +457550,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -420761,10 +457560,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight--regular", "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height--regular", "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -420951,11 +457746,11 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -420971,10 +457766,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote--font_weight", "value": "var(--vkui--font_footnote--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_footnote--letter_spacing", - "value": "var(--vkui--font_footnote--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_footnote--line_height", "value": "var(--vkui--font_footnote--line_height)", @@ -420983,7 +457774,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -420993,10 +457784,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote--font_weight--regular", "value": "var(--vkui--font_footnote--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_footnote--letter_spacing--regular", - "value": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", - }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", "value": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -421017,10 +457804,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight", "value": "var(--vkui--font_footnote_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height", "value": "var(--vkui--font_footnote_caps--line_height)", @@ -421033,7 +457816,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -421043,10 +457826,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight--regular", "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", - }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height--regular", "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -421071,10 +457850,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_weight", "value": "var(--vkui--font_headline--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_headline--letter_spacing", - "value": "var(--vkui--font_headline--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_headline--line_height", "value": "var(--vkui--font_headline--line_height)", @@ -421083,21 +457858,17 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "letterSpacing": { - "name": "--vkui--font_headline--letter_spacing--compact", - "value": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_headline--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "value": "var(--vkui--font_headline--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -421107,10 +457878,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline--font_weight--regular", "value": "var(--vkui--font_headline--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_headline--letter_spacing--regular", - "value": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_headline--line_height--regular", "value": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -421131,10 +457898,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_weight", "value": "var(--vkui--font_headline1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_headline1--letter_spacing", - "value": "var(--vkui--font_headline1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_headline1--line_height", "value": "var(--vkui--font_headline1--line_height)", @@ -421143,21 +457906,17 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", - }, - "letterSpacing": { - "name": "--vkui--font_headline1--letter_spacing--compact", - "value": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "value": "var(--vkui--font_headline1--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -421167,10 +457926,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline1--font_weight--regular", "value": "var(--vkui--font_headline1--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_headline1--letter_spacing--regular", - "value": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_headline1--line_height--regular", "value": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -421209,7 +457964,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -421247,7 +458002,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -421277,10 +458032,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_weight", "value": "var(--vkui--font_subhead--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_subhead--letter_spacing", - "value": "var(--vkui--font_subhead--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_subhead--line_height", "value": "var(--vkui--font_subhead--line_height)", @@ -421289,21 +458040,17 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", - }, - "letterSpacing": { - "name": "--vkui--font_subhead--letter_spacing--compact", - "value": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -421313,10 +458060,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_subhead--font_weight--regular", "value": "var(--vkui--font_subhead--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_subhead--letter_spacing--regular", - "value": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_subhead--line_height--regular", "value": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -421337,10 +458080,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_weight", "value": "var(--vkui--font_text--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_text--letter_spacing", - "value": "var(--vkui--font_text--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_text--line_height", "value": "var(--vkui--font_text--line_height)", @@ -421349,21 +458088,17 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", - }, - "letterSpacing": { - "name": "--vkui--font_text--letter_spacing--compact", - "value": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_text--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", + "value": "var(--vkui--font_text--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -421373,10 +458108,6 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_text--font_weight--regular", "value": "var(--vkui--font_text--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_text--letter_spacing--regular", - "value": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", "value": "var(--vkui--font_text--line_height--regular, 20px)", @@ -421405,7 +458136,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -421443,7 +458174,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -421481,7 +458212,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -421682,7 +458413,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -422058,7 +458789,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, }, "sizeIconUI": { @@ -422102,7 +458833,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 48px)", }, }, "sizePopupBasePadding": { @@ -422160,7 +458891,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "value": "var(--vkui--size_popup_small--regular, 448px)", }, }, "sizeSearchHeight": { @@ -422228,11 +458959,11 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -422242,11 +458973,11 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -422256,11 +458987,11 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -422315,43 +459046,43 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "value": "var(--vkui--theme_inherits_from, vkCom)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteAndroid)", + "value": "var(--vkui--theme_name, vkontakteCom)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + "value": "var(--vkui--theme_name_base, vkontakteCom)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { "active": { "name": "--vkui--vkontakte_background_hover_alpha--active", - "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(174, 183, 194, 0.2))", }, "hover": { "name": "--vkui--vkontakte_background_hover_alpha--hover", - "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(174, 183, 194, 0.16))", }, "normal": { "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(174, 183, 194, 0.12))", }, }, "vkontakteButtonMutedBackground": { "active": { "name": "--vkui--vkontakte_button_muted_background--active", - "value": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", + "value": "var(--vkui--vkontakte_button_muted_background--active, #D3D9E3)", }, "hover": { "name": "--vkui--vkontakte_button_muted_background--hover", - "value": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #DCE2EA)", }, "normal": { "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + "value": "var(--vkui--vkontakte_button_muted_background, #e5ebf1)", }, }, "vkontakteButtonTertiaryBackground": { @@ -422365,21 +459096,21 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", }, }, "vkontakteButtonTertiaryForeground": { "active": { "name": "--vkui--vkontakte_button_tertiary_foreground--active", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #305B90)", }, "hover": { "name": "--vkui--vkontakte_button_tertiary_foreground--hover", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #325F93)", }, "normal": { "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + "value": "var(--vkui--vkontakte_button_tertiary_foreground, #346297)", }, }, "vkontakteColorAccentAlternate": { @@ -422427,15 +459158,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorBackgroundKeyboard": { "active": { "name": "--vkui--vkontakte_color_background_keyboard--active", - "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CAD0D8)", }, "hover": { "name": "--vkui--vkontakte_color_background_keyboard--hover", - "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D3D9DF)", }, "normal": { "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + "value": "var(--vkui--vkontakte_color_background_keyboard, #dce1e6)", }, }, "vkontakteColorBackgroundSuggestions": { @@ -422455,99 +459186,99 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorBackgroundTextAlpha": { "active": { "name": "--vkui--vkontakte_color_background_text_alpha--active", - "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", }, "hover": { "name": "--vkui--vkontakte_color_background_text_alpha--hover", - "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", }, "normal": { "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", }, }, "vkontakteColorContentPlaceholderIcon": { "active": { "name": "--vkui--vkontakte_color_content_placeholder_icon--active", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #A4A5A9)", }, "hover": { "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ABACAD)", }, "normal": { "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", }, }, "vkontakteColorContentTintForeground": { "active": { "name": "--vkui--vkontakte_color_content_tint_foreground--active", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #87898C)", }, "hover": { "name": "--vkui--vkontakte_color_content_tint_foreground--hover", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #8D8E90)", }, "normal": { "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", }, }, "vkontakteColorControlBackground": { "active": { "name": "--vkui--vkontakte_color_control_background--active", - "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", + "value": "var(--vkui--vkontakte_color_control_background--active, #DADCE2)", }, "hover": { "name": "--vkui--vkontakte_color_control_background--hover", - "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + "value": "var(--vkui--vkontakte_color_control_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + "value": "var(--vkui--vkontakte_color_control_background, #edeef0)", }, }, "vkontakteColorControlForeground": { "active": { "name": "--vkui--vkontakte_color_control_foreground--active", - "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #3F72B0)", }, "hover": { "name": "--vkui--vkontakte_color_control_foreground--hover", - "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4177B5)", }, "normal": { "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + "value": "var(--vkui--vkontakte_color_control_foreground, #447bba)", }, }, "vkontakteColorControlTintMuted": { "active": { "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #78797C)", }, "hover": { "name": "--vkui--vkontakte_color_control_tint_muted--hover", - "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #7D7D7F)", }, "normal": { "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #828282)", }, }, "vkontakteColorHeaderSearchFieldBackground": { "active": { "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #DADCE2)", }, "hover": { "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #edeef0)", }, }, "vkontakteColorHeaderSearchFieldTint": { @@ -422567,29 +459298,29 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorHeaderTabActiveIndicator": { "active": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #3474C1)", }, "hover": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #3779C6)", }, "normal": { "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", }, }, "vkontakteColorIconName": { "active": { "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + "value": "var(--vkui--vkontakte_color_icon_name--active, #84A0BD)", }, "hover": { "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #89A7C2)", }, "normal": { "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + "value": "var(--vkui--vkontakte_color_icon_name, #8fadc8)", }, }, "vkontakteColorIconOutlineMedium": { @@ -422623,15 +459354,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": { "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #BCBDC1)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #C4C4C6)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(204, 204, 204, 1))", }, }, "vkontakteColorImBubbleGiftText": { @@ -422665,15 +459396,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorImBubbleIncoming": { "active": { "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #DADCE2)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E4E5E9)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EDEEF0)", }, }, "vkontakteColorImBubbleIncomingAlternate": { @@ -422735,85 +459466,85 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorImForwardLineAlpha": { "active": { "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(0, 20, 51, 0.2))", }, "hover": { "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(0, 20, 51, 0.16))", }, "normal": { "name": "--vkui--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(0, 20, 51, 0.12))", }, }, "vkontakteColorImTextName": { "active": { "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #27527F)", }, "hover": { "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #285582)", }, "normal": { "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + "value": "var(--vkui--vkontakte_color_im_text_name, #2A5885)", }, }, "vkontakteColorInputBorder": { "active": { "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + "value": "var(--vkui--vkontakte_color_input_border--active, #C2C9D1)", }, "hover": { "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + "value": "var(--vkui--vkontakte_color_input_border--hover, #CBD1D8)", }, "normal": { "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + "value": "var(--vkui--vkontakte_color_input_border, #D3D9DE)", }, }, "vkontakteColorLandingSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", }, "hover": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", }, "normal": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "vkontakteColorLoaderBackground": { "active": { "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", + "value": "var(--vkui--vkontakte_color_loader_background--active, #DADCE2)", }, "hover": { "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + "value": "var(--vkui--vkontakte_color_loader_background, #edeef0)", }, }, "vkontakteColorLoaderTint": { "active": { "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #78797C)", }, "hover": { "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7D7D7F)", }, "normal": { "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "value": "var(--vkui--vkontakte_color_loader_tint, #828282)", }, }, "vkontakteColorModalCardBorderAlpha": { @@ -422861,15 +459592,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorPanelTabActiveText": { "active": { "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #485363)", }, "hover": { "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #4B5664)", }, "normal": { "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #4e5966)", }, }, "vkontakteColorPlaceholderIconForegroundPrimary": { @@ -422903,43 +459634,43 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorPlaceholderIconTint": { "active": { "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #1B375A)", }, "hover": { "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #1C385B)", }, "normal": { "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #1d3a5c)", }, }, "vkontakteColorPollOptionBackground": { "active": { "name": "--vkui--vkontakte_color_poll_option_background--active", - "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F72B0)", }, "hover": { "name": "--vkui--vkontakte_color_poll_option_background--hover", - "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #4177B5)", }, "normal": { "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + "value": "var(--vkui--vkontakte_color_poll_option_background, #447bba)", }, }, "vkontakteColorSearchBarBackground": { "active": { "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #D3D9E3)", }, "hover": { "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #DCE2EA)", }, "normal": { "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + "value": "var(--vkui--vkontakte_color_search_bar_background, #e5ebf1)", }, }, "vkontakteColorSearchBarFieldTint": { @@ -422987,71 +459718,71 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", }, "hover": { "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", }, "normal": { "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "vkontakteColorSplashScreenIcon": { "active": { "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CAD0D8)", }, "hover": { "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D3D9DF)", }, "normal": { "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #dce1e6)", }, }, "vkontakteColorStatusBackground": { "active": { "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", + "value": "var(--vkui--vkontakte_color_status_background--active, #DADCE2)", }, "hover": { "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + "value": "var(--vkui--vkontakte_color_status_background, #edeef0)", }, }, "vkontakteColorTabbarActiveIcon": { "active": { "name": "--vkui--vkontakte_color_tabbar_active_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #3F72B0)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #4177B5)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #447bba)", }, }, "vkontakteColorTabbarBackground": { "active": { "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E3E5EB)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EDEFF2)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f7f8fa)", }, }, "vkontakteColorTabbarInactiveIcon": { @@ -423071,43 +459802,43 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteColorTabbarTabletTextSecondary": { "active": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #818c99)", }, }, "vkontakteColorTextName": { "active": { "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", + "value": "var(--vkui--vkontakte_color_text_name--active, #27527F)", }, "hover": { "name": "--vkui--vkontakte_color_text_name--hover", - "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + "value": "var(--vkui--vkontakte_color_text_name--hover, #285582)", }, "normal": { "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + "value": "var(--vkui--vkontakte_color_text_name, #2a5885)", }, }, "vkontakteColorToolbarAttachBackgroundFrom": { "active": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #CAD0D8)", }, "hover": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #D3D9DF)", }, "normal": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #dce1e6)", }, }, "vkontakteFloatButtonForeground": { @@ -423263,15 +459994,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteImAttachTint": { "active": { "name": "--vkui--vkontakte_im_attach_tint--active", - "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #3F72B0)", }, "hover": { "name": "--vkui--vkontakte_im_attach_tint--hover", - "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #4177B5)", }, "normal": { "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + "value": "var(--vkui--vkontakte_im_attach_tint, #447bba)", }, }, "vkontakteImBubbleButtonForeground": { @@ -423291,15 +460022,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { "active": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.8))", }, "hover": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.76))", }, "normal": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.72))", }, }, "vkontakteImBubbleGiftBackground": { @@ -423333,15 +460064,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleIncomingAlternateHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E3E5EB)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EDEFF2)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f7f8fa)", }, }, "vkontakteImBubbleIncomingExpiringHighlighted": { @@ -423361,15 +460092,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleIncomingHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C2C9D1)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CBD1D8)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d3d9de)", }, }, "vkontakteImBubbleOutgoingAlternate": { @@ -423403,15 +460134,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "vkontakteImReplySeparator": { "active": { "name": "--vkui--vkontakte_im_reply_separator--active", - "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #27527F)", }, "hover": { "name": "--vkui--vkontakte_im_reply_separator--hover", - "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #285582)", }, "normal": { "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + "value": "var(--vkui--vkontakte_im_reply_separator, #2a5885)", }, }, "vkontakteImToolbarVoiceMsgBackground": { @@ -423453,21 +460184,21 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.102))", }, }, "vkontakteStoriesSkeletonLoaderBackground": { "active": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #BCBDC1)", }, "hover": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C4C4C6)", }, "normal": { "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #cccccc)", }, }, "zIndexModal": { @@ -423481,7 +460212,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -423489,39 +460220,39 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -423534,14 +460265,14 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735ce6", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -423551,7 +460282,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -423561,7 +460292,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792ec0", + "normal": "#792EC0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -423579,29 +460310,29 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(68, 123, 186, 0.2)", + "hover": "rgba(68, 123, 186, 0.16)", + "normal": "rgba(68, 123, 186, 0.12)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -423611,17 +460342,17 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -423644,24 +460375,24 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -423669,19 +460400,19 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -423694,24 +460425,24 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -423721,22 +460452,22 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -423746,12 +460477,12 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -423761,12 +460492,12 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#282B2F", @@ -423774,14 +460505,14 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -423789,9 +460520,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -423821,7 +460552,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -423834,14 +460565,14 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -423849,19 +460580,19 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#cbcccd", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#bebfc1", + "normal": "#BEBFC1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -423869,29 +460600,29 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -423901,12 +460632,12 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -423914,34 +460645,34 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { "active": "#689EDD", @@ -423954,19 +460685,19 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#000105", @@ -423974,34 +460705,34 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818c99", + "normal": "#818C99", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -424009,19 +460740,19 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -424036,57 +460767,51 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -424130,52 +460855,46 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": "20px", }, }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": "20px", }, }, @@ -424185,7 +460904,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -424193,7 +460912,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -424201,35 +460920,31 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 }, "fontSubhead": { "compact": { - "fontSize": "13px", - "letterSpacing": "0.15px", - "lineHeight": "16px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "14px", "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -424237,7 +460952,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -424245,7 +460960,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -424303,7 +461018,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -424415,7 +461130,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -424428,7 +461143,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -424445,7 +461160,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -424465,16 +461180,16 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -424489,29 +461204,29 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkontakteAndroid", - "themeNameBase": "vkontakteAndroid", + "themeInheritsFrom": "vkCom", + "themeName": "vkontakteCom", + "themeNameBase": "vkontakteCom", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(174, 183, 194, 0.2)", + "hover": "rgba(174, 183, 194, 0.16)", + "normal": "rgba(174, 183, 194, 0.12)", }, "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D3D9E3", + "hover": "#DCE2EA", + "normal": "#e5ebf1", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "normal": "rgba(0, 0, 0, 0)", }, "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "vkontakteColorAccentAlternate": { "active": "#006FEF", @@ -424529,9 +461244,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", }, "vkontakteColorBackgroundSuggestions": { "active": "#EBECEF", @@ -424539,39 +461254,39 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#A4A5A9", + "hover": "#ABACAD", + "normal": "#b2b2b2", }, "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", + "active": "#87898C", + "hover": "#8D8E90", + "normal": "#939393", }, "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorHeaderSearchFieldTint": { "active": "#778292", @@ -424579,14 +461294,14 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#818c99", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3474C1", + "hover": "#3779C6", + "normal": "#397dcc", }, "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", + "active": "#84A0BD", + "hover": "#89A7C2", + "normal": "#8fadc8", }, "vkontakteColorIconOutlineMedium": { "active": "#778292", @@ -424599,9 +461314,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#99a2ad", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "rgba(204, 204, 204, 1)", }, "vkontakteColorImBubbleGiftText": { "active": "#7A6A4E", @@ -424614,9 +461329,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#AB9871", }, "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "vkontakteColorImBubbleIncomingAlternate": { "active": "#EBECEF", @@ -424639,34 +461354,34 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#ADB8FF", }, "vkontakteColorImForwardLineAlpha": { - "active": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", + "active": "rgba(0, 20, 51, 0.2)", + "hover": "rgba(0, 20, 51, 0.16)", + "normal": "rgba(0, 20, 51, 0.12)", }, "vkontakteColorImTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "vkontakteColorInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "vkontakteColorLoaderBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorLoaderTint": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -424684,9 +461399,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#000000", }, "vkontakteColorPanelTabActiveText": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#485363", + "hover": "#4B5664", + "normal": "#4e5966", }, "vkontakteColorPlaceholderIconForegroundPrimary": { "active": "#8D96A4", @@ -424699,19 +461414,19 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#aeb7c2", }, "vkontakteColorPlaceholderIconTint": { - "active": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", + "active": "#1B375A", + "hover": "#1C385B", + "normal": "#1d3a5c", }, "vkontakteColorPollOptionBackground": { - "active": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteColorSearchBarBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#D3D9E3", + "hover": "#DCE2EA", + "normal": "#e5ebf1", }, "vkontakteColorSearchBarFieldTint": { "active": "#778292", @@ -424729,29 +461444,29 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", }, "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#f7f8fa", }, "vkontakteColorTabbarInactiveIcon": { "active": "#8D96A4", @@ -424759,19 +461474,19 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#99a2ad", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", }, "vkontakteFloatButtonForeground": { "active": "#8D96A4", @@ -424813,9 +461528,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteImBubbleButtonForeground": { "active": "#000105", @@ -424823,9 +461538,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#000000", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.68)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "rgba(255, 255, 255, 0.60)", + "active": "rgba(255, 255, 255, 0.8)", + "hover": "rgba(255, 255, 255, 0.76)", + "normal": "rgba(255, 255, 255, 0.72)", }, "vkontakteImBubbleGiftBackground": { "active": "#E0D6B8", @@ -424838,9 +461553,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#e3d3ac", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#f7f8fa", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#BCC3EF", @@ -424848,9 +461563,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#ccd3ff", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#d3d9de", }, "vkontakteImBubbleOutgoingAlternate": { "active": "#EBECEF", @@ -424863,9 +461578,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "#add3ff", }, "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", }, "vkontakteImToolbarVoiceMsgBackground": { "active": "#8D96A4", @@ -424880,19 +461595,19 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "vkontakteLandingSecondaryButtonBackground": { "active": "rgba(0, 57, 115, 0.18)", "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", + "normal": "rgba(0, 57, 115, 0.102)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -424900,39 +461615,39 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "var(--vkui--color_accent_azure--active, #3A80D3)", + "hover": "var(--vkui--color_accent_azure--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_azure, #3F8AE0)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "active": "var(--vkui--color_accent_blue--active, #4B78AE)", + "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "normal": "var(--vkui--color_accent_blue, #5181B8)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", - "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "active": "var(--vkui--color_accent_cyan--active, #72E2CF)", + "hover": "var(--vkui--color_accent_cyan--hover, #77EBD6)", + "normal": "var(--vkui--color_accent_cyan, #7CF4DC)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #96A0AE)", - "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #A0AAB7)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #45A64A)", "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A1E511)", - "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "active": "var(--vkui--color_accent_lime--active, #B0E54E)", + "hover": "var(--vkui--color_accent_lime--hover, #B7EE4E)", + "normal": "var(--vkui--color_accent_lime, #BFF74F)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "normal": "var(--vkui--color_accent_orange, #FFA000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -424945,14 +461660,14 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": "var(--vkui--color_accent_pink--active, #E27CEF)", + "hover": "var(--vkui--color_accent_pink--hover, #EC80F7)", + "normal": "var(--vkui--color_accent_pink, #F685FF)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "normal": "var(--vkui--color_accent_purple, #735CE6)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -424962,7 +461677,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #EB3046)", "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "normal": "var(--vkui--color_accent_red, #FF3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", @@ -424972,7 +461687,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "normal": "var(--vkui--color_accent_violet, #792EC0)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", @@ -424990,29 +461705,29 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "var(--vkui--color_background--active, #DADCE2)", + "hover": "var(--vkui--color_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_background, #EDEEF0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #237EDD)", - "hover": "var(--vkui--color_background_accent--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent, #2688eb)", + "active": "var(--vkui--color_background_accent--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent, #447BBA)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent_alternative, #447BBA)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + "active": "var(--vkui--color_background_accent_themed--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent_themed--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent_themed, #447BBA)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -425022,17 +461737,17 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #ffffff)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #313233)", + "normal": "var(--vkui--color_background_contrast_inverse, #333333)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -425055,24 +461770,24 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", - "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "normal": "var(--vkui--color_background_negative, #E64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", - "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", @@ -425080,19 +461795,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "normal": "var(--vkui--color_background_secondary, #F0F2F5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", @@ -425105,24 +461820,24 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "var(--vkui--color_button_icon--active, #305B90)", + "hover": "var(--vkui--color_button_icon--hover, #325F93)", + "normal": "var(--vkui--color_button_icon, #346297)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "active": "var(--vkui--color_button_stroke--active, #305B90)", + "hover": "var(--vkui--color_button_stroke--hover, #325F93)", + "normal": "var(--vkui--color_button_stroke, #346297)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "active": "var(--vkui--color_button_text--active, #305B90)", + "hover": "var(--vkui--color_button_text--hover, #325F93)", + "normal": "var(--vkui--color_button_text, #346297)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #E3E5EB)", + "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", + "normal": "var(--vkui--color_field_background, #F7F8FA)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -425132,22 +461847,22 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #ffffff)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #3F72B0)", + "hover": "var(--vkui--color_icon_accent--hover, #4177B5)", + "normal": "var(--vkui--color_icon_accent, #447BBA)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #ffffff)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", @@ -425157,12 +461872,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #66717F)", + "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", + "normal": "var(--vkui--color_icon_medium, #6F7985)", }, "colorIconMediumAlpha": { "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", @@ -425172,12 +461887,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "normal": "var(--vkui--color_icon_negative, #E64646)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #45A64A)", "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "normal": "var(--vkui--color_icon_positive, #4BB34B)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #282B2F)", @@ -425185,14 +461900,14 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "active": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #313233)", + "normal": "var(--vkui--color_icon_primary_invariably, #333333)", }, "colorIconSecondary": { "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "normal": "var(--vkui--color_icon_secondary, #99A2AD)", }, "colorIconSecondaryAlpha": { "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", @@ -425200,9 +461915,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "active": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, "colorIconTertiaryAlpha": { "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", @@ -425232,7 +461947,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #ffffff)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -425245,14 +461960,14 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", - "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", + "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", + "normal": "var(--vkui--color_panel_header_icon, #447BBA)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #DADCE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_search_field_background, #EDEEF0)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -425260,19 +461975,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "active": "var(--vkui--color_separator_primary--active, #CAD0D8)", + "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "normal": "var(--vkui--color_separator_primary, #DCE1E6)", }, "colorSeparatorPrimary2x": { "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, "colorSeparatorPrimary3x": { "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, "colorSeparatorPrimaryAlpha": { "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", @@ -425280,29 +461995,29 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "active": "var(--vkui--color_separator_secondary--active, #D5D7DE)", + "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "active": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "active": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "active": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "normal": "var(--vkui--color_stroke_accent, #447BBA)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -425312,12 +462027,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #D44245)", "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "normal": "var(--vkui--color_stroke_negative, #E64646)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #45A64A)", "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", @@ -425325,34 +462040,34 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "active": "var(--vkui--color_text_accent--active, #3F72B0)", + "hover": "var(--vkui--color_text_accent--hover, #4177B5)", + "normal": "var(--vkui--color_text_accent, #447BBA)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_text_accent_themed, #3770B1)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #ffffff)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #27527F)", + "hover": "var(--vkui--color_text_link--hover, #285582)", + "normal": "var(--vkui--color_text_link, #2A5885)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #2978D3)", - "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #27527F)", + "hover": "var(--vkui--color_text_link_themed--hover, #285582)", + "normal": "var(--vkui--color_text_link_themed, #2A5885)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -425365,19 +462080,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "active": "var(--vkui--color_text_muted--active, #2F3034)", + "hover": "var(--vkui--color_text_muted--hover, #313233)", + "normal": "var(--vkui--color_text_muted, #333333)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #D44245)", "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "normal": "var(--vkui--color_text_negative, #E64646)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #45A64A)", "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "normal": "var(--vkui--color_text_positive, #4BB34B)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #000105)", @@ -425385,34 +462100,34 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #000105)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #2F3034)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #313233)", + "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { "active": "var(--vkui--color_text_secondary--active, #778292)", "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "normal": "var(--vkui--color_text_secondary, #818C99)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #64707F)", - "hover": "var(--vkui--color_text_subhead--hover, #697482)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #5A6675)", + "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", + "normal": "var(--vkui--color_text_subhead, #626D7A)", }, "colorTextTertiary": { "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + "normal": "var(--vkui--color_text_tertiary, #99A2AD)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #CFD2D8)", - "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "active": "var(--vkui--color_track_background--active, #C2C9D1)", + "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", + "normal": "var(--vkui--color_track_background, #D3D9DE)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #93B1D7)", - "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + "active": "var(--vkui--color_track_buffer--active, #3F72B0)", + "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", + "normal": "var(--vkui--color_track_buffer, #447BBA)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -425420,19 +462135,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", - "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "var(--vkui--color_write_bar_icon--active, #778292)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7C8795)", + "normal": "var(--vkui--color_write_bar_icon, #818C99)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_write_bar_input_background, #FFFFFF)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "active": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", + "normal": "var(--vkui--color_write_bar_input_border, #D3D9DE)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", @@ -425447,57 +462162,51 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, @@ -425541,52 +462250,46 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "letterSpacing": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "letterSpacing": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, @@ -425596,7 +462299,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -425604,7 +462307,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -425612,35 +462315,31 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "letterSpacing": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "letterSpacing": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -425648,7 +462347,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -425656,7 +462355,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -425714,7 +462413,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -425826,7 +462525,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -425839,7 +462538,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "sizePanelHeaderHeight": { "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "var(--vkui--size_panel_header_height--regular, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -425856,7 +462555,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "var(--vkui--size_popup_small--regular, 448px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -425876,16 +462575,16 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 27px)", + "regular": "var(--vkui--size_switch_width--regular, 27px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -425900,29 +462599,29 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkontakteAndroid)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkCom)", + "themeName": "var(--vkui--theme_name, vkontakteCom)", + "themeNameBase": "var(--vkui--theme_name_base, vkontakteCom)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(174, 183, 194, 0.2))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(174, 183, 194, 0.16))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(174, 183, 194, 0.12))", }, "vkontakteButtonMutedBackground": { - "active": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", - "hover": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", - "normal": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + "active": "var(--vkui--vkontakte_button_muted_background--active, #D3D9E3)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #DCE2EA)", + "normal": "var(--vkui--vkontakte_button_muted_background, #e5ebf1)", }, "vkontakteButtonTertiaryBackground": { "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", }, "vkontakteButtonTertiaryForeground": { - "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", - "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #305B90)", + "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #325F93)", + "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #346297)", }, "vkontakteColorAccentAlternate": { "active": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", @@ -425940,9 +462639,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", }, "vkontakteColorBackgroundKeyboard": { - "active": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", - "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", - "normal": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #CAD0D8)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D3D9DF)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #dce1e6)", }, "vkontakteColorBackgroundSuggestions": { "active": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", @@ -425950,39 +462649,39 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", }, "vkontakteColorBackgroundTextAlpha": { - "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", }, "vkontakteColorContentPlaceholderIcon": { - "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", - "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", - "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #A4A5A9)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ABACAD)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", }, "vkontakteColorContentTintForeground": { - "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", - "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", - "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #87898C)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #8D8E90)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", }, "vkontakteColorControlBackground": { - "active": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + "active": "var(--vkui--vkontakte_color_control_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_control_background, #edeef0)", }, "vkontakteColorControlForeground": { - "active": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", - "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", - "normal": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + "active": "var(--vkui--vkontakte_color_control_foreground--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_color_control_foreground, #447bba)", }, "vkontakteColorControlTintMuted": { - "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", - "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", - "normal": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #78797C)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #7D7D7F)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #828282)", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #edeef0)", }, "vkontakteColorHeaderSearchFieldTint": { "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", @@ -425990,14 +462689,14 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", - "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", - "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #3474C1)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #3779C6)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", }, "vkontakteColorIconName": { - "active": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", - "hover": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", - "normal": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + "active": "var(--vkui--vkontakte_color_icon_name--active, #84A0BD)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #89A7C2)", + "normal": "var(--vkui--vkontakte_color_icon_name, #8fadc8)", }, "vkontakteColorIconOutlineMedium": { "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", @@ -426010,9 +462709,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", - "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", - "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #BCBDC1)", + "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #C4C4C6)", + "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(204, 204, 204, 1))", }, "vkontakteColorImBubbleGiftText": { "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", @@ -426025,9 +462724,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", }, "vkontakteColorImBubbleIncoming": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #EDEEF0)", }, "vkontakteColorImBubbleIncomingAlternate": { "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", @@ -426050,34 +462749,34 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", }, "vkontakteColorImForwardLineAlpha": { - "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", - "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", - "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(0, 20, 51, 0.2))", + "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(0, 20, 51, 0.16))", + "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(0, 20, 51, 0.12))", }, "vkontakteColorImTextName": { - "active": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", - "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + "active": "var(--vkui--vkontakte_color_im_text_name--active, #27527F)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #285582)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #2A5885)", }, "vkontakteColorInputBorder": { - "active": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", - "hover": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + "active": "var(--vkui--vkontakte_color_input_border--active, #C2C9D1)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #CBD1D8)", + "normal": "var(--vkui--vkontakte_color_input_border, #D3D9DE)", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", - "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", - "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, "vkontakteColorLoaderBackground": { - "active": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + "active": "var(--vkui--vkontakte_color_loader_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_loader_background, #edeef0)", }, "vkontakteColorLoaderTint": { - "active": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", - "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", - "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "active": "var(--vkui--vkontakte_color_loader_tint--active, #78797C)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7D7D7F)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #828282)", }, "vkontakteColorModalCardBorderAlpha": { "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", @@ -426095,9 +462794,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", }, "vkontakteColorPanelTabActiveText": { - "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", - "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", - "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #485363)", + "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #4B5664)", + "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #4e5966)", }, "vkontakteColorPlaceholderIconForegroundPrimary": { "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", @@ -426110,19 +462809,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", }, "vkontakteColorPlaceholderIconTint": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #1B375A)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #1C385B)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #1d3a5c)", }, "vkontakteColorPollOptionBackground": { - "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", - "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", - "normal": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_color_poll_option_background, #447bba)", }, "vkontakteColorSearchBarBackground": { - "active": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #D3D9E3)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #DCE2EA)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #e5ebf1)", }, "vkontakteColorSearchBarFieldTint": { "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", @@ -426140,29 +462839,29 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", }, "vkontakteColorSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", - "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", - "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, "vkontakteColorSplashScreenIcon": { - "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", - "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", - "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CAD0D8)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D3D9DF)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #dce1e6)", }, "vkontakteColorStatusBackground": { - "active": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + "active": "var(--vkui--vkontakte_color_status_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_status_background, #edeef0)", }, "vkontakteColorTabbarActiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", - "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", - "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #447bba)", }, "vkontakteColorTabbarBackground": { - "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", - "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", - "normal": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E3E5EB)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EDEFF2)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #f7f8fa)", }, "vkontakteColorTabbarInactiveIcon": { "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", @@ -426170,19 +462869,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", - "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", - "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #778292)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #818c99)", }, "vkontakteColorTextName": { - "active": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", - "hover": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + "active": "var(--vkui--vkontakte_color_text_name--active, #27527F)", + "hover": "var(--vkui--vkontakte_color_text_name--hover, #285582)", + "normal": "var(--vkui--vkontakte_color_text_name, #2a5885)", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", - "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", - "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #CAD0D8)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #D3D9DF)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #dce1e6)", }, "vkontakteFloatButtonForeground": { "active": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", @@ -426224,9 +462923,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", "vkontakteImAttachTint": { - "active": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", - "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + "active": "var(--vkui--vkontakte_im_attach_tint--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #447bba)", }, "vkontakteImBubbleButtonForeground": { "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", @@ -426234,9 +462933,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", - "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", - "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.8))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.76))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.72))", }, "vkontakteImBubbleGiftBackground": { "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", @@ -426249,9 +462948,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E3E5EB)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EDEFF2)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f7f8fa)", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", @@ -426259,9 +462958,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C2C9D1)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CBD1D8)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d3d9de)", }, "vkontakteImBubbleOutgoingAlternate": { "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", @@ -426274,9 +462973,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", }, "vkontakteImReplySeparator": { - "active": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", - "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + "active": "var(--vkui--vkontakte_im_reply_separator--active, #27527F)", + "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #285582)", + "normal": "var(--vkui--vkontakte_im_reply_separator, #2a5885)", }, "vkontakteImToolbarVoiceMsgBackground": { "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", @@ -426291,19 +462990,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "vkontakteLandingSecondaryButtonBackground": { "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", - "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.102))", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", - "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", - "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #BCBDC1)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C4C4C6)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #cccccc)", }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -426311,39 +463010,39 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -426356,14 +463055,14 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735ce6", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -426373,7 +463072,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -426383,7 +463082,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792ec0", + "normal": "#792EC0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -426401,29 +463100,29 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(68, 123, 186, 0.2)", + "hover": "rgba(68, 123, 186, 0.16)", + "normal": "rgba(68, 123, 186, 0.12)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -426433,17 +463132,17 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -426466,24 +463165,24 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -426491,19 +463190,19 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -426516,24 +463215,24 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -426543,22 +463242,22 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -426568,12 +463267,12 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -426583,12 +463282,12 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#282B2F", @@ -426596,14 +463295,14 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -426611,9 +463310,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -426643,7 +463342,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -426656,14 +463355,14 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -426671,19 +463370,19 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#cbcccd", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#bebfc1", + "normal": "#BEBFC1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -426691,29 +463390,29 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -426723,12 +463422,12 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -426736,34 +463435,34 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { "active": "#689EDD", @@ -426776,19 +463475,19 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#000105", @@ -426796,34 +463495,34 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818c99", + "normal": "#818C99", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -426831,19 +463530,19 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -426858,57 +463557,51 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -426952,52 +463645,46 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": 20, }, }, "fontHeadline1": { "compact": { - "fontSize": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": 20, }, }, @@ -427007,7 +463694,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -427015,7 +463702,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -427023,35 +463710,31 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = }, "fontSubhead": { "compact": { - "fontSize": 13, - "letterSpacing": "0.15px", - "lineHeight": 16, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 14, "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -427059,7 +463742,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -427067,7 +463750,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -427125,7 +463808,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -427237,7 +463920,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -427250,7 +463933,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -427267,7 +463950,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -427287,16 +463970,16 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -427311,29 +463994,29 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkontakteAndroid", - "themeNameBase": "vkontakteAndroid", + "themeInheritsFrom": "vkCom", + "themeName": "vkontakteCom", + "themeNameBase": "vkontakteCom", "themeType": "root", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(174, 183, 194, 0.2)", + "hover": "rgba(174, 183, 194, 0.16)", + "normal": "rgba(174, 183, 194, 0.12)", }, "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D3D9E3", + "hover": "#DCE2EA", + "normal": "#e5ebf1", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "normal": "rgba(0, 0, 0, 0)", }, "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "vkontakteColorAccentAlternate": { "active": "#006FEF", @@ -427351,9 +464034,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", }, "vkontakteColorBackgroundSuggestions": { "active": "#EBECEF", @@ -427361,39 +464044,39 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#A4A5A9", + "hover": "#ABACAD", + "normal": "#b2b2b2", }, "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", + "active": "#87898C", + "hover": "#8D8E90", + "normal": "#939393", }, "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorHeaderSearchFieldTint": { "active": "#778292", @@ -427401,14 +464084,14 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#818c99", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3474C1", + "hover": "#3779C6", + "normal": "#397dcc", }, "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", + "active": "#84A0BD", + "hover": "#89A7C2", + "normal": "#8fadc8", }, "vkontakteColorIconOutlineMedium": { "active": "#778292", @@ -427421,9 +464104,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#99a2ad", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "rgba(204, 204, 204, 1)", }, "vkontakteColorImBubbleGiftText": { "active": "#7A6A4E", @@ -427436,9 +464119,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#AB9871", }, "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "vkontakteColorImBubbleIncomingAlternate": { "active": "#EBECEF", @@ -427461,34 +464144,34 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#ADB8FF", }, "vkontakteColorImForwardLineAlpha": { - "active": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", + "active": "rgba(0, 20, 51, 0.2)", + "hover": "rgba(0, 20, 51, 0.16)", + "normal": "rgba(0, 20, 51, 0.12)", }, "vkontakteColorImTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "vkontakteColorInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "vkontakteColorLoaderBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorLoaderTint": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -427506,9 +464189,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#000000", }, "vkontakteColorPanelTabActiveText": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#485363", + "hover": "#4B5664", + "normal": "#4e5966", }, "vkontakteColorPlaceholderIconForegroundPrimary": { "active": "#8D96A4", @@ -427521,19 +464204,19 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#aeb7c2", }, "vkontakteColorPlaceholderIconTint": { - "active": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", + "active": "#1B375A", + "hover": "#1C385B", + "normal": "#1d3a5c", }, "vkontakteColorPollOptionBackground": { - "active": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteColorSearchBarBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#D3D9E3", + "hover": "#DCE2EA", + "normal": "#e5ebf1", }, "vkontakteColorSearchBarFieldTint": { "active": "#778292", @@ -427551,29 +464234,29 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", }, "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", }, "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#f7f8fa", }, "vkontakteColorTabbarInactiveIcon": { "active": "#8D96A4", @@ -427581,19 +464264,19 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#99a2ad", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", }, "vkontakteFloatButtonForeground": { "active": "#8D96A4", @@ -427635,9 +464318,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", }, "vkontakteImBubbleButtonForeground": { "active": "#000105", @@ -427645,9 +464328,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#000000", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.68)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "rgba(255, 255, 255, 0.60)", + "active": "rgba(255, 255, 255, 0.8)", + "hover": "rgba(255, 255, 255, 0.76)", + "normal": "rgba(255, 255, 255, 0.72)", }, "vkontakteImBubbleGiftBackground": { "active": "#E0D6B8", @@ -427660,9 +464343,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#e3d3ac", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#f7f8fa", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#BCC3EF", @@ -427670,9 +464353,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#ccd3ff", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#d3d9de", }, "vkontakteImBubbleOutgoingAlternate": { "active": "#EBECEF", @@ -427685,9 +464368,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "#add3ff", }, "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", }, "vkontakteImToolbarVoiceMsgBackground": { "active": "#8D96A4", @@ -427702,19 +464385,19 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "vkontakteLandingSecondaryButtonBackground": { "active": "rgba(0, 57, 115, 0.18)", "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", + "normal": "rgba(0, 57, 115, 0.102)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -427739,57 +464422,57 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", + "value": "var(--vkui--color_accent_azure--active, #6AA6EB)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_azure--hover, #63A2EA)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #5D9EE9)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #4987D0)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #4182CE)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #397DCC)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #55F1D2)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #AEB7C2)", }, }, "colorAccentGreen": { @@ -427803,21 +464486,21 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #CEF978)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #CCF972)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #CAF96C)", }, }, "colorAccentOrange": { @@ -427831,7 +464514,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "colorAccentOrangeFire": { @@ -427865,29 +464548,29 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #F9A1FF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #F89DFF)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #F899FF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #9C89F6)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #9784F5)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #937FF5)", }, }, "colorAccentRaspberryPink": { @@ -427915,7 +464598,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { @@ -427943,7 +464626,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #A94FFF)", }, }, "colorActionSheetText": { @@ -427991,57 +464674,57 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", + "value": "var(--vkui--color_background--active, #272727)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #1D1D1D)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #141414)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #71AAEB)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #71AAEB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -428075,15 +464758,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #343434)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #222222)", }, }, "colorBackgroundContrast": { @@ -428103,15 +464786,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #434343)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #333333)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -428159,15 +464842,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #323232)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "value": "var(--vkui--color_background_modal, #292929)", }, }, "colorBackgroundModalInverse": { @@ -428195,7 +464878,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { @@ -428223,35 +464906,35 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #4BB34B)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #405140)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #2F422F)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #434343)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #333333)", }, }, "colorBackgroundSecondaryAlpha": { @@ -428271,15 +464954,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #323232)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #292929)", }, }, "colorBackgroundTertiaryAlpha": { @@ -428313,57 +464996,57 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #E1E3E6)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #E1E3E6)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #E1E3E6)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #323232)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #292929)", }, }, "colorFieldBorderAlpha": { @@ -428383,57 +465066,57 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #343434)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #222222)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #71AAEB)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #E1E3E6)", }, }, "colorIconContrastSecondary": { @@ -428453,43 +465136,43 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "value": "var(--vkui--color_icon_contrast_themed--active, #343434)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #222222)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #979797)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #939393)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, }, "colorIconNegative": { @@ -428503,7 +465186,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "colorIconPositive": { @@ -428517,7 +465200,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { @@ -428537,71 +465220,71 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #434343)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #333333)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #828282)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #656565)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, }, "colorIconWarning": { @@ -428713,21 +465396,21 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "value": "var(--vkui--color_panel_header_icon, #71AAEB)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #464748)", + "value": "var(--vkui--color_search_field_background--active, #515151)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #424242)", }, }, "colorSegmentedControl": { @@ -428803,71 +465486,71 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #323232)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #292929)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #323232)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #292929)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #434343)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #333333)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #71AAEB)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, }, "colorStrokeContrast": { @@ -428895,7 +465578,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "colorStrokePositive": { @@ -428909,7 +465592,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "colorTabbarTextInactive": { @@ -428929,29 +465612,29 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #71AAEB)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, }, "colorTextContrast": { @@ -428971,43 +465654,43 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #141414)", + "value": "var(--vkui--color_text_contrast_themed--active, #343434)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #222222)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #71AAEB)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_link_themed--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_link_themed--hover, #979797)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #939393)", }, }, "colorTextLinkTint": { @@ -429041,15 +465724,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #D0D0D0)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #CECECE)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #CCCCCC)", }, }, "colorTextNegative": { @@ -429063,7 +465746,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "colorTextPositive": { @@ -429077,7 +465760,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { @@ -429091,91 +465774,91 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #E1E3E6)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #141414)", + "value": "var(--vkui--color_text_primary_invariably--active, #434343)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "value": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #333333)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #828282)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #979797)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #939393)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #656565)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #878787)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #828282)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #FFFFFF)", }, }, "colorTransparent": { @@ -429195,43 +465878,43 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #818385)", + "value": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_background--active, #515151)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_background, #424242)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_border--active, #636363)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_border, #555555)", }, }, "colorWriteBarInputBorderAlpha": { @@ -429286,10 +465969,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption1--font_weight", "value": "var(--vkui--font_caption1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption1--letter_spacing", - "value": "var(--vkui--font_caption1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption1--line_height", "value": "var(--vkui--font_caption1--line_height)", @@ -429298,7 +465977,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -429308,10 +465987,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption1--font_weight--regular", "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_caption1--letter_spacing--regular", - "value": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", "value": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -429332,10 +466007,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption1_caps--font_weight", "value": "var(--vkui--font_caption1_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing", - "value": "var(--vkui--font_caption1_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height", "value": "var(--vkui--font_caption1_caps--line_height)", @@ -429348,7 +466019,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -429358,10 +466029,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption1_caps--font_weight--regular", "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", }, - "letterSpacing": { - "name": "--vkui--font_caption1_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height--regular", "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -429386,10 +466053,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption2--font_weight", "value": "var(--vkui--font_caption2--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption2--letter_spacing", - "value": "var(--vkui--font_caption2--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption2--line_height", "value": "var(--vkui--font_caption2--line_height)", @@ -429398,7 +466061,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -429408,10 +466071,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption2--font_weight--regular", "value": "var(--vkui--font_caption2--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_caption2--letter_spacing--regular", - "value": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption2--line_height--regular", "value": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -429432,10 +466091,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption2_caps--font_weight", "value": "var(--vkui--font_caption2_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing", - "value": "var(--vkui--font_caption2_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height", "value": "var(--vkui--font_caption2_caps--line_height)", @@ -429448,7 +466103,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -429458,10 +466113,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption2_caps--font_weight--regular", "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", }, - "letterSpacing": { - "name": "--vkui--font_caption2_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height--regular", "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -429486,10 +466137,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption3--font_weight", "value": "var(--vkui--font_caption3--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption3--letter_spacing", - "value": "var(--vkui--font_caption3--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption3--line_height", "value": "var(--vkui--font_caption3--line_height)", @@ -429498,7 +466145,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -429508,10 +466155,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption3--font_weight--regular", "value": "var(--vkui--font_caption3--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_caption3--letter_spacing--regular", - "value": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption3--line_height--regular", "value": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -429532,10 +466175,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption3_caps--font_weight", "value": "var(--vkui--font_caption3_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing", - "value": "var(--vkui--font_caption3_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height", "value": "var(--vkui--font_caption3_caps--line_height)", @@ -429548,7 +466187,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -429558,10 +466197,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_caption3_caps--font_weight--regular", "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", }, - "letterSpacing": { - "name": "--vkui--font_caption3_caps--letter_spacing--regular", - "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", - }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height--regular", "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -429748,11 +466383,11 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -429768,10 +466403,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_footnote--font_weight", "value": "var(--vkui--font_footnote--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_footnote--letter_spacing", - "value": "var(--vkui--font_footnote--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_footnote--line_height", "value": "var(--vkui--font_footnote--line_height)", @@ -429780,7 +466411,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -429790,10 +466421,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_footnote--font_weight--regular", "value": "var(--vkui--font_footnote--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_footnote--letter_spacing--regular", - "value": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", - }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", "value": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -429814,10 +466441,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_footnote_caps--font_weight", "value": "var(--vkui--font_footnote_caps--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing", - "value": "var(--vkui--font_footnote_caps--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height", "value": "var(--vkui--font_footnote_caps--line_height)", @@ -429830,7 +466453,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -429840,10 +466463,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_footnote_caps--font_weight--regular", "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_footnote_caps--letter_spacing--regular", - "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", - }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height--regular", "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -429868,10 +466487,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_headline--font_weight", "value": "var(--vkui--font_headline--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_headline--letter_spacing", - "value": "var(--vkui--font_headline--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_headline--line_height", "value": "var(--vkui--font_headline--line_height)", @@ -429880,21 +466495,17 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "letterSpacing": { - "name": "--vkui--font_headline--letter_spacing--compact", - "value": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_headline--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "value": "var(--vkui--font_headline--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -429904,10 +466515,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_headline--font_weight--regular", "value": "var(--vkui--font_headline--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_headline--letter_spacing--regular", - "value": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_headline--line_height--regular", "value": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -429928,10 +466535,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_headline1--font_weight", "value": "var(--vkui--font_headline1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_headline1--letter_spacing", - "value": "var(--vkui--font_headline1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_headline1--line_height", "value": "var(--vkui--font_headline1--line_height)", @@ -429940,21 +466543,17 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", - }, - "letterSpacing": { - "name": "--vkui--font_headline1--letter_spacing--compact", - "value": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "value": "var(--vkui--font_headline1--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -429964,10 +466563,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_headline1--font_weight--regular", "value": "var(--vkui--font_headline1--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_headline1--letter_spacing--regular", - "value": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_headline1--line_height--regular", "value": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -430006,7 +466601,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -430044,7 +466639,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -430074,10 +466669,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_subhead--font_weight", "value": "var(--vkui--font_subhead--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_subhead--letter_spacing", - "value": "var(--vkui--font_subhead--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_subhead--line_height", "value": "var(--vkui--font_subhead--line_height)", @@ -430086,21 +466677,17 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", - }, - "letterSpacing": { - "name": "--vkui--font_subhead--letter_spacing--compact", - "value": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -430110,10 +466697,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_subhead--font_weight--regular", "value": "var(--vkui--font_subhead--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_subhead--letter_spacing--regular", - "value": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_subhead--line_height--regular", "value": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -430134,10 +466717,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_text--font_weight", "value": "var(--vkui--font_text--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_text--letter_spacing", - "value": "var(--vkui--font_text--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_text--line_height", "value": "var(--vkui--font_text--line_height)", @@ -430146,21 +466725,17 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", - }, - "letterSpacing": { - "name": "--vkui--font_text--letter_spacing--compact", - "value": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", + "value": "var(--vkui--font_text--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", + "value": "var(--vkui--font_text--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -430170,10 +466745,6 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_text--font_weight--regular", "value": "var(--vkui--font_text--font_weight--regular, 400)", }, - "letterSpacing": { - "name": "--vkui--font_text--letter_spacing--regular", - "value": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", - }, "lineHeight": { "name": "--vkui--font_text--line_height--regular", "value": "var(--vkui--font_text--line_height--regular, 20px)", @@ -430202,7 +466773,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -430240,7 +466811,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -430278,7 +466849,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -430479,7 +467050,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -430855,7 +467426,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, }, "sizeIconUI": { @@ -430899,7 +467470,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 48px)", }, }, "sizePopupBasePadding": { @@ -430957,7 +467528,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "value": "var(--vkui--size_popup_small--regular, 448px)", }, }, "sizeSearchHeight": { @@ -431025,11 +467596,11 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -431039,11 +467610,11 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -431053,11 +467624,11 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -431112,43 +467683,43 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "value": "var(--vkui--theme_inherits_from, vkComDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteAndroidDark)", + "value": "var(--vkui--theme_name, vkontakteComDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + "value": "var(--vkui--theme_name_base, vkontakteCom)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { "active": { "name": "--vkui--vkontakte_background_hover_alpha--active", - "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--vkontakte_background_hover_alpha--hover", - "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.08))", }, }, "vkontakteButtonMutedBackground": { "active": { "name": "--vkui--vkontakte_button_muted_background--active", - "value": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_button_muted_background--active, #434343)", }, "hover": { "name": "--vkui--vkontakte_button_muted_background--hover", - "value": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #3B3B3B)", }, "normal": { "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + "value": "var(--vkui--vkontakte_button_muted_background, #333333)", }, }, "vkontakteButtonTertiaryBackground": { @@ -431162,7 +467733,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", }, }, "vkontakteButtonTertiaryForeground": { @@ -431196,15 +467767,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorActionSheetSeparatorAlpha": { "active": { "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.16))", }, }, "vkontakteColorAlphaSkeletonShimmerTo": { @@ -431224,85 +467795,85 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorBackgroundKeyboard": { "active": { "name": "--vkui--vkontakte_color_background_keyboard--active", - "value": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #434343)", }, "hover": { "name": "--vkui--vkontakte_color_background_keyboard--hover", - "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #3B3B3B)", }, "normal": { "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + "value": "var(--vkui--vkontakte_color_background_keyboard, #333333)", }, }, "vkontakteColorBackgroundSuggestions": { "active": { "name": "--vkui--vkontakte_color_background_suggestions--active", - "value": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #434343)", }, "hover": { "name": "--vkui--vkontakte_color_background_suggestions--hover", - "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #3B3B3B)", }, "normal": { "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + "value": "var(--vkui--vkontakte_color_background_suggestions, #333333)", }, }, "vkontakteColorBackgroundTextAlpha": { "active": { "name": "--vkui--vkontakte_color_background_text_alpha--active", - "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", }, "hover": { "name": "--vkui--vkontakte_color_background_text_alpha--hover", - "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", }, "normal": { "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", }, }, "vkontakteColorContentPlaceholderIcon": { "active": { "name": "--vkui--vkontakte_color_content_placeholder_icon--active", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B8B8B8)", }, "hover": { "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #B5B5B5)", }, "normal": { "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", }, }, "vkontakteColorContentTintForeground": { "active": { "name": "--vkui--vkontakte_color_content_tint_foreground--active", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #9C9C9C)", }, "hover": { "name": "--vkui--vkontakte_color_content_tint_foreground--hover", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #979797)", }, "normal": { "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", }, }, "vkontakteColorControlBackground": { "active": { "name": "--vkui--vkontakte_color_control_background--active", - "value": "var(--vkui--vkontakte_color_control_background--active, #545556)", + "value": "var(--vkui--vkontakte_color_control_background--active, #636363)", }, "hover": { "name": "--vkui--vkontakte_color_control_background--hover", - "value": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", + "value": "var(--vkui--vkontakte_color_control_background--hover, #5C5C5C)", }, "normal": { "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #454647)", + "value": "var(--vkui--vkontakte_color_control_background, #555555)", }, }, "vkontakteColorControlForeground": { @@ -431322,99 +467893,99 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorControlTintMuted": { "active": { "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #9C9C9C)", }, "hover": { "name": "--vkui--vkontakte_color_control_tint_muted--hover", - "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #979797)", }, "normal": { "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #939393)", }, }, "vkontakteColorHeaderSearchFieldBackground": { "active": { "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #515151)", }, "hover": { "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #424242)", }, }, "vkontakteColorHeaderSearchFieldTint": { "active": { "name": "--vkui--vkontakte_color_header_search_field_tint--active", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B8B8B8)", }, "hover": { "name": "--vkui--vkontakte_color_header_search_field_tint--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #B5B5B5)", }, "normal": { "name": "--vkui--vkontakte_color_header_search_field_tint", - "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #b2b2b2)", }, }, "vkontakteColorHeaderTabActiveIndicator": { "active": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #4987D0)", }, "hover": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #4182CE)", }, "normal": { "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", }, }, "vkontakteColorIconName": { "active": { "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", + "value": "var(--vkui--vkontakte_color_icon_name--active, #B8B8B8)", }, "hover": { "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #B5B5B5)", }, "normal": { "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + "value": "var(--vkui--vkontakte_color_icon_name, #b2b2b2)", }, }, "vkontakteColorIconOutlineMedium": { "active": { "name": "--vkui--vkontakte_color_icon_outline_medium--active", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B8B8B8)", }, "hover": { "name": "--vkui--vkontakte_color_icon_outline_medium--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #B5B5B5)", }, "normal": { "name": "--vkui--vkontakte_color_icon_outline_medium", - "value": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #b2b2b2)", }, }, "vkontakteColorIconOutlineSecondary": { "active": { "name": "--vkui--vkontakte_color_icon_outline_secondary--active", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #9C9C9C)", }, "hover": { "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #979797)", }, "normal": { "name": "--vkui--vkontakte_color_icon_outline_secondary", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #939393)", }, }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { @@ -431462,29 +468033,29 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorImBubbleIncoming": { "active": { "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #434343)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #3B3B3B)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #333333)", }, }, "vkontakteColorImBubbleIncomingAlternate": { "active": { "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #434343)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #3B3B3B)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #333333)", }, }, "vkontakteColorImBubbleIncomingExpiring": { @@ -431504,15 +468075,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorImBubbleOutgoing": { "active": { "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #636363)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #5C5C5C)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #555555)", }, }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { @@ -431546,71 +468117,71 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorImTextName": { "active": { "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #7CB1ED)", }, "hover": { "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #77ADEC)", }, "normal": { "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + "value": "var(--vkui--vkontakte_color_im_text_name, #71AAEB)", }, }, "vkontakteColorInputBorder": { "active": { "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_color_input_border--active, #636363)", }, "hover": { "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + "value": "var(--vkui--vkontakte_color_input_border--hover, #5C5C5C)", }, "normal": { "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + "value": "var(--vkui--vkontakte_color_input_border, #555555)", }, }, "vkontakteColorLandingSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, }, "vkontakteColorLoaderBackground": { "active": { "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", + "value": "var(--vkui--vkontakte_color_loader_background--active, #636363)", }, "hover": { "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #5C5C5C)", }, "normal": { "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", + "value": "var(--vkui--vkontakte_color_loader_background, #555555)", }, }, "vkontakteColorLoaderTint": { "active": { "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #8C8C8C)", }, "hover": { "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #878787)", }, "normal": { "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "value": "var(--vkui--vkontakte_color_loader_tint, #828282)", }, }, "vkontakteColorModalCardBorderAlpha": { @@ -431672,29 +468243,29 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorPlaceholderIconForegroundPrimary": { "active": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #9C9C9C)", }, "hover": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #979797)", }, "normal": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #939393)", }, }, "vkontakteColorPlaceholderIconForegroundSecondary": { "active": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #717171)", }, "hover": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #656565)", }, }, "vkontakteColorPlaceholderIconTint": { @@ -431728,99 +468299,99 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorSearchBarBackground": { "active": { "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #343434)", }, "hover": { "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", + "value": "var(--vkui--vkontakte_color_search_bar_background, #222222)", }, }, "vkontakteColorSearchBarFieldTint": { "active": { "name": "--vkui--vkontakte_color_search_bar_field_tint--active", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B8B8B8)", }, "hover": { "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #B5B5B5)", }, "normal": { "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #b2b2b2)", }, }, "vkontakteColorSkeletonShimmerFrom": { "active": { "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #343434)", }, "hover": { "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #2B2B2B)", }, "normal": { "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #222222)", }, }, "vkontakteColorSnippetBackground": { "active": { "name": "--vkui--vkontakte_color_snippet_background--active", - "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #383838)", }, "hover": { "name": "--vkui--vkontakte_color_snippet_background--hover", - "value": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #303030)", }, "normal": { "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", + "value": "var(--vkui--vkontakte_color_snippet_background, #272727)", }, }, "vkontakteColorSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, }, "vkontakteColorSplashScreenIcon": { "active": { "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #434343)", }, "hover": { "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #3B3B3B)", }, "normal": { "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #333333)", }, }, "vkontakteColorStatusBackground": { "active": { "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", + "value": "var(--vkui--vkontakte_color_status_background--active, #343434)", }, "hover": { "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + "value": "var(--vkui--vkontakte_color_status_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #19191a)", + "value": "var(--vkui--vkontakte_color_status_background, #222222)", }, }, "vkontakteColorTabbarActiveIcon": { @@ -431840,43 +468411,43 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorTabbarBackground": { "active": { "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #434343)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #3B3B3B)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + "value": "var(--vkui--vkontakte_color_tabbar_background, #333333)", }, }, "vkontakteColorTabbarInactiveIcon": { "active": { "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8C8C8C)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #878787)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #828282)", }, }, "vkontakteColorTabbarTabletTextSecondary": { "active": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #828282)", }, }, "vkontakteColorTextName": { @@ -431896,29 +468467,29 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteColorToolbarAttachBackgroundFrom": { "active": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #8C8C8C)", }, "hover": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #878787)", }, "normal": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #828282)", }, }, "vkontakteFloatButtonForeground": { "active": { "name": "--vkui--vkontakte_float_button_foreground--active", - "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #B8B8B8)", }, "hover": { "name": "--vkui--vkontakte_float_button_foreground--hover", - "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #B5B5B5)", }, "normal": { "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + "value": "var(--vkui--vkontakte_float_button_foreground, #b2b2b2)", }, }, "vkontakteGradientAquamarineBlue": { @@ -432088,15 +468659,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { "active": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.32))", }, "hover": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.28))", }, "normal": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.24))", }, }, "vkontakteImBubbleGiftBackground": { @@ -432130,15 +468701,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteImBubbleIncomingAlternateHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #717171)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #6B6B6B)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #656565)", }, }, "vkontakteImBubbleIncomingExpiringHighlighted": { @@ -432158,43 +468729,43 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteImBubbleIncomingHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #717171)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #6B6B6B)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #656565)", }, }, "vkontakteImBubbleOutgoingAlternate": { "active": { "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #636363)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #5C5C5C)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #555555)", }, }, "vkontakteImBubbleOutgoingHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #717171)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #6B6B6B)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #656565)", }, }, "vkontakteImReplySeparator": { @@ -432214,57 +468785,57 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "vkontakteImToolbarVoiceMsgBackground": { "active": { "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #636363)", }, "hover": { "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #5C5C5C)", }, "normal": { "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #555555)", }, }, "vkontakteLandingBackground": { "active": { "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", + "value": "var(--vkui--vkontakte_landing_background--active, #343434)", }, "hover": { "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #222223)", + "value": "var(--vkui--vkontakte_landing_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #19191a)", + "value": "var(--vkui--vkontakte_landing_background, #222222)", }, }, "vkontakteLandingSecondaryButtonBackground": { "active": { "name": "--vkui--vkontakte_landing_secondary_button_background--active", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))", }, }, "vkontakteStoriesSkeletonLoaderBackground": { "active": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #636363)", }, "hover": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #5C5C5C)", }, "normal": { "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #555555)", }, }, "zIndexModal": { @@ -432278,7 +468849,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] } `; -exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -432286,39 +468857,39 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -432331,14 +468902,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -432348,7 +468919,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -432358,7 +468929,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#a94fff", + "normal": "#A94FFF", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -432376,24 +468947,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -432406,9 +468977,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -432416,9 +468987,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -432436,9 +469007,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -432448,7 +469019,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -432458,17 +469029,17 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -432476,9 +469047,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -432491,24 +469062,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#473315", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -432516,24 +469087,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -432541,29 +469112,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -432571,29 +469142,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { "active": "#EEB663", @@ -432633,12 +469204,12 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -432666,29 +469237,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -432698,12 +469269,12 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#818385", @@ -432711,14 +469282,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#76787a", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -432726,19 +469297,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -432751,54 +469322,54 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -432806,19 +469377,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -432833,57 +469404,51 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -432927,52 +469492,46 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": "20px", }, }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": "20px", }, }, @@ -432982,7 +469541,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -432990,7 +469549,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -432998,35 +469557,31 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh }, "fontSubhead": { "compact": { - "fontSize": "13px", - "letterSpacing": "0.15px", - "lineHeight": "16px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "14px", "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -433034,7 +469589,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -433042,7 +469597,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -433100,7 +469655,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -433212,7 +469767,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -433225,7 +469780,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -433242,7 +469797,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -433262,16 +469817,16 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -433286,24 +469841,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkontakteAndroidDark", - "themeNameBase": "vkontakteAndroid", + "themeInheritsFrom": "vkComDark", + "themeName": "vkontakteComDark", + "themeNameBase": "vkontakteCom", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.04)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "normal": "rgba(0, 0, 0, 0)", }, "vkontakteButtonTertiaryForeground": { "active": "#E3E5E8", @@ -433316,9 +469871,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#FFFFFF", }, "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteColorAlphaSkeletonShimmerTo": { "active": "rgba(255, 255, 255, 0.08)", @@ -433326,34 +469881,34 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorControlForeground": { "active": "#E3E5E8", @@ -433361,39 +469916,39 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#e1e3e6", }, "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397dcc", }, "vkontakteColorIconName": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorIconOutlineMedium": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorIconOutlineSecondary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -433411,14 +469966,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#E3D3AC", }, "vkontakteColorImBubbleIncoming": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorImBubbleIncomingExpiring": { "active": "#373C5B", @@ -433426,9 +469981,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#262B4D", }, "vkontakteColorImBubbleOutgoing": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { "active": "#6671B9", @@ -433441,29 +469996,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(255, 255, 255, 0.24)", }, "vkontakteColorImTextName": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "vkontakteColorInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteColorLoaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorLoaderTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -433486,14 +470041,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#e1e3e6", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteColorPlaceholderIconTint": { "active": "#D7D8DB", @@ -433506,39 +470061,39 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#FFFFFF", }, "vkontakteColorSearchBarBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteColorSearchBarFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteColorSnippetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#383838", + "hover": "#303030", + "normal": "#272727", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteColorSplashScreenIcon": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorStatusBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteColorTabbarActiveIcon": { "active": "#D7D8DB", @@ -433546,19 +470101,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#FFFFFF", }, "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorTabbarInactiveIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteColorTextName": { "active": "#E3E5E8", @@ -433566,14 +470121,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#e1e3e6", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteFloatButtonForeground": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", @@ -433620,9 +470175,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#e1e3e6", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "vkontakteImBubbleGiftBackground": { "active": "#8F7D5E", @@ -433635,9 +470190,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#ab9871", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#4F588A", @@ -433645,19 +470200,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#404980", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteImReplySeparator": { "active": "#D7D8DB", @@ -433665,31 +470220,31 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "#FFFFFF", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteLandingBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -433697,39 +470252,39 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "var(--vkui--color_accent_azure--active, #6AA6EB)", + "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "normal": "var(--vkui--color_accent_azure, #5D9EE9)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "active": "var(--vkui--color_accent_blue--active, #4987D0)", + "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", + "normal": "var(--vkui--color_accent_blue, #397DCC)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "active": "var(--vkui--color_accent_cyan--active, #63F2D6)", + "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "normal": "var(--vkui--color_accent_cyan, #55F1D2)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #B4BDC7)", + "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #59B959)", "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "active": "var(--vkui--color_accent_lime--active, #CEF978)", + "hover": "var(--vkui--color_accent_lime--hover, #CCF972)", + "normal": "var(--vkui--color_accent_lime, #CAF96C)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "normal": "var(--vkui--color_accent_orange, #FFA000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -433742,14 +470297,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": "var(--vkui--color_accent_pink--active, #F9A1FF)", + "hover": "var(--vkui--color_accent_pink--hover, #F89DFF)", + "normal": "var(--vkui--color_accent_pink, #F899FF)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "active": "var(--vkui--color_accent_purple--active, #9C89F6)", + "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", + "normal": "var(--vkui--color_accent_purple, #937FF5)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -433759,7 +470314,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "normal": "var(--vkui--color_accent_red, #FF3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", @@ -433769,7 +470324,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #B05DFF)", "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "normal": "var(--vkui--color_accent_violet, #A94FFF)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", @@ -433787,24 +470342,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "var(--vkui--color_background--active, #272727)", + "hover": "var(--vkui--color_background--hover, #1D1D1D)", + "normal": "var(--vkui--color_background, #141414)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "active": "var(--vkui--color_background_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_background_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_background_accent, #71AAEB)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", + "normal": "var(--vkui--color_background_accent_alternative, #71AAEB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", + "hover": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", + "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -433817,9 +470372,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #343434)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #222222)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -433827,9 +470382,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #434343)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", + "normal": "var(--vkui--color_background_contrast_inverse, #333333)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -433847,9 +470402,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "active": "var(--vkui--color_background_modal--active, #3A3A3A)", + "hover": "var(--vkui--color_background_modal--hover, #323232)", + "normal": "var(--vkui--color_background_modal, #292929)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -433859,7 +470414,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #FF6969)", "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", @@ -433869,17 +470424,17 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", - "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "active": "var(--vkui--color_background_positive_tint--active, #405140)", + "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "normal": "var(--vkui--color_background_positive_tint, #2F422F)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "active": "var(--vkui--color_background_secondary--active, #434343)", + "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "normal": "var(--vkui--color_background_secondary, #333333)", }, "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", @@ -433887,9 +470442,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "active": "var(--vkui--color_background_tertiary--active, #3A3A3A)", + "hover": "var(--vkui--color_background_tertiary--hover, #323232)", + "normal": "var(--vkui--color_background_tertiary, #292929)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", @@ -433902,24 +470457,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "active": "var(--vkui--color_button_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_icon, #E1E3E6)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_stroke, #E1E3E6)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "active": "var(--vkui--color_button_text--active, #E3E5E8)", + "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_text, #E1E3E6)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #3A3A3A)", + "hover": "var(--vkui--color_field_background--hover, #323232)", + "normal": "var(--vkui--color_field_background, #292929)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -433927,24 +470482,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "active": "var(--vkui--color_header_background--active, #343434)", + "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", + "normal": "var(--vkui--color_header_background, #222222)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_icon_accent, #71AAEB)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", @@ -433952,29 +470507,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + "active": "var(--vkui--color_icon_contrast_themed--active, #343434)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", + "normal": "var(--vkui--color_icon_contrast_themed, #222222)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "hover": "var(--vkui--color_icon_medium--hover, #979797)", + "normal": "var(--vkui--color_icon_medium, #939393)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "normal": "var(--vkui--color_icon_positive, #4BB34B)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", @@ -433982,29 +470537,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "active": "var(--vkui--color_icon_primary_invariably--active, #434343)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", + "normal": "var(--vkui--color_icon_primary_invariably, #333333)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": "var(--vkui--color_icon_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_icon_secondary--hover, #878787)", + "normal": "var(--vkui--color_icon_secondary, #828282)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "active": "var(--vkui--color_icon_tertiary--active, #717171)", + "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_icon_tertiary, #656565)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -434044,12 +470599,12 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + "normal": "var(--vkui--color_panel_header_icon, #71AAEB)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #464748)", - "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--color_search_field_background, #363738)", + "active": "var(--vkui--color_search_field_background--active, #515151)", + "hover": "var(--vkui--color_search_field_background--hover, #4A4A4A)", + "normal": "var(--vkui--color_search_field_background, #424242)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -434077,29 +470632,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "active": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "hover": "var(--vkui--color_separator_secondary--hover, #323232)", + "normal": "var(--vkui--color_separator_secondary, #292929)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "active": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "hover": "var(--vkui--color_skeleton_from--hover, #323232)", + "normal": "var(--vkui--color_skeleton_from, #292929)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "active": "var(--vkui--color_skeleton_to--active, #434343)", + "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "normal": "var(--vkui--color_skeleton_to, #333333)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "active": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_stroke_accent, #71AAEB)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -434109,12 +470664,12 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #FF6969)", "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", @@ -434122,14 +470677,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "active": "var(--vkui--color_text_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_text_accent, #71AAEB)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -434137,19 +470692,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_contrast_themed, #000000)", + "active": "var(--vkui--color_text_contrast_themed--active, #343434)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", + "normal": "var(--vkui--color_text_contrast_themed, #222222)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link, #71AAEB)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "var(--vkui--color_text_link_themed--active, #9C9C9C)", + "hover": "var(--vkui--color_text_link_themed--hover, #979797)", + "normal": "var(--vkui--color_text_link_themed, #939393)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -434162,54 +470717,54 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "active": "var(--vkui--color_text_muted--active, #D0D0D0)", + "hover": "var(--vkui--color_text_muted--hover, #CECECE)", + "normal": "var(--vkui--color_text_muted, #CCCCCC)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "normal": "var(--vkui--color_text_positive, #4BB34B)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #E3E5E8)", "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #434343)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", + "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_text_secondary--hover, #878787)", + "normal": "var(--vkui--color_text_secondary, #828282)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "hover": "var(--vkui--color_text_subhead--hover, #979797)", + "normal": "var(--vkui--color_text_subhead, #939393)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "active": "var(--vkui--color_text_tertiary--active, #717171)", + "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_text_tertiary, #656565)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #545556)", - "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", - "normal": "var(--vkui--color_track_background, #454647)", + "active": "var(--vkui--color_track_background--active, #8C8C8C)", + "hover": "var(--vkui--color_track_background--hover, #878787)", + "normal": "var(--vkui--color_track_background, #828282)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "normal": "var(--vkui--color_track_buffer, #FFFFFF)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -434217,19 +470772,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #818385)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", - "normal": "var(--vkui--color_write_bar_icon, #76787a)", + "active": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_write_bar_icon, #E1E3E6)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_background--active, #515151)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", + "normal": "var(--vkui--color_write_bar_input_background, #424242)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_border--active, #636363)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", + "normal": "var(--vkui--color_write_bar_input_border, #555555)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", @@ -434244,57 +470799,51 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", - "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", - "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", - "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, @@ -434338,52 +470887,46 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.2px)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "letterSpacing": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "letterSpacing": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", - "letterSpacing": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, @@ -434393,7 +470936,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -434401,7 +470944,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -434409,35 +470952,31 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "letterSpacing": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "letterSpacing": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", - "letterSpacing": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -434445,7 +470984,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -434453,7 +470992,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -434511,7 +471050,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -434623,7 +471162,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -434636,7 +471175,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css }, "sizePanelHeaderHeight": { "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "var(--vkui--size_panel_header_height--regular, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -434653,7 +471192,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "var(--vkui--size_popup_small--regular, 448px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -434673,16 +471212,16 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 27px)", + "regular": "var(--vkui--size_switch_width--regular, 27px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -434697,24 +471236,24 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkontakteAndroidDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkComDark)", + "themeName": "var(--vkui--theme_name, vkontakteComDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkontakteCom)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", - "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", - "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.08))", }, "vkontakteButtonMutedBackground": { - "active": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", - "normal": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + "active": "var(--vkui--vkontakte_button_muted_background--active, #434343)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_button_muted_background, #333333)", }, "vkontakteButtonTertiaryBackground": { "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", }, "vkontakteButtonTertiaryForeground": { "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", @@ -434727,9 +471266,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", }, "vkontakteColorActionSheetSeparatorAlpha": { - "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.16))", }, "vkontakteColorAlphaSkeletonShimmerTo": { "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", @@ -434737,34 +471276,34 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", }, "vkontakteColorBackgroundKeyboard": { - "active": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #434343)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #333333)", }, "vkontakteColorBackgroundSuggestions": { - "active": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #434343)", + "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_background_suggestions, #333333)", }, "vkontakteColorBackgroundTextAlpha": { - "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", - "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", - "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", }, "vkontakteColorContentPlaceholderIcon": { - "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", }, "vkontakteColorContentTintForeground": { - "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", }, "vkontakteColorControlBackground": { - "active": "var(--vkui--vkontakte_color_control_background--active, #545556)", - "hover": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_color_control_background, #454647)", + "active": "var(--vkui--vkontakte_color_control_background--active, #636363)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_color_control_background, #555555)", }, "vkontakteColorControlForeground": { "active": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", @@ -434772,39 +471311,39 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", }, "vkontakteColorControlTintMuted": { - "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #939393)", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", - "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #515151)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #4A4A4A)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #424242)", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #b2b2b2)", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", - "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", - "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #4987D0)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #4182CE)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", }, "vkontakteColorIconName": { - "active": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + "active": "var(--vkui--vkontakte_color_icon_name--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_icon_name, #b2b2b2)", }, "vkontakteColorIconOutlineMedium": { - "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #b2b2b2)", }, "vkontakteColorIconOutlineSecondary": { - "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #939393)", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", @@ -434822,14 +471361,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", }, "vkontakteColorImBubbleIncoming": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #434343)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #333333)", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #434343)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #333333)", }, "vkontakteColorImBubbleIncomingExpiring": { "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", @@ -434837,9 +471376,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", }, "vkontakteColorImBubbleOutgoing": { - "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", - "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #636363)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #555555)", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", @@ -434852,29 +471391,29 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", }, "vkontakteColorImTextName": { - "active": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", - "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", - "normal": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + "active": "var(--vkui--vkontakte_color_im_text_name--active, #7CB1ED)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #77ADEC)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #71AAEB)", }, "vkontakteColorInputBorder": { - "active": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_input_border--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + "active": "var(--vkui--vkontakte_color_input_border--active, #636363)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_color_input_border, #555555)", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", - "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", - "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, "vkontakteColorLoaderBackground": { - "active": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_loader_background, #19191a)", + "active": "var(--vkui--vkontakte_color_loader_background--active, #636363)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_color_loader_background, #555555)", }, "vkontakteColorLoaderTint": { - "active": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", - "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "active": "var(--vkui--vkontakte_color_loader_tint--active, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #828282)", }, "vkontakteColorModalCardBorderAlpha": { "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -434897,14 +471436,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #939393)", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #717171)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #6B6B6B)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #656565)", }, "vkontakteColorPlaceholderIconTint": { "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", @@ -434917,39 +471456,39 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", }, "vkontakteColorSearchBarBackground": { - "active": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #343434)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #2B2B2B)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #222222)", }, "vkontakteColorSearchBarFieldTint": { - "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #b2b2b2)", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #343434)", + "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #2B2B2B)", + "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #222222)", }, "vkontakteColorSnippetBackground": { - "active": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", - "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", - "normal": "var(--vkui--vkontakte_color_snippet_background, #232324)", + "active": "var(--vkui--vkontakte_color_snippet_background--active, #383838)", + "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #303030)", + "normal": "var(--vkui--vkontakte_color_snippet_background, #272727)", }, "vkontakteColorSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", - "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", - "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, "vkontakteColorSplashScreenIcon": { - "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #434343)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #333333)", }, "vkontakteColorStatusBackground": { - "active": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_status_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_status_background, #19191a)", + "active": "var(--vkui--vkontakte_color_status_background--active, #343434)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #2B2B2B)", + "normal": "var(--vkui--vkontakte_color_status_background, #222222)", }, "vkontakteColorTabbarActiveIcon": { "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", @@ -434957,19 +471496,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", }, "vkontakteColorTabbarBackground": { - "active": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #434343)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #333333)", }, "vkontakteColorTabbarInactiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", - "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #828282)", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", - "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #828282)", }, "vkontakteColorTextName": { "active": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", @@ -434977,14 +471516,14 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", - "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #828282)", }, "vkontakteFloatButtonForeground": { - "active": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + "active": "var(--vkui--vkontakte_float_button_foreground--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_float_button_foreground, #b2b2b2)", }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", @@ -435031,9 +471570,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.32))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.28))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.24))", }, "vkontakteImBubbleGiftBackground": { "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", @@ -435046,9 +471585,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #717171)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #6B6B6B)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #656565)", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", @@ -435056,19 +471595,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #717171)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #6B6B6B)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #656565)", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", + "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #636363)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #555555)", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", + "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #717171)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #6B6B6B)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #656565)", }, "vkontakteImReplySeparator": { "active": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", @@ -435076,31 +471615,31 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", - "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", + "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #636363)", + "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #555555)", }, "vkontakteLandingBackground": { - "active": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_landing_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_landing_background, #19191a)", + "active": "var(--vkui--vkontakte_landing_background--active, #343434)", + "hover": "var(--vkui--vkontakte_landing_background--hover, #2B2B2B)", + "normal": "var(--vkui--vkontakte_landing_background, #222222)", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", - "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", - "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", + "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", - "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", - "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #636363)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #555555)", }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -435108,39 +471647,39 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -435153,14 +471692,14 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -435170,7 +471709,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -435180,7 +471719,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#a94fff", + "normal": "#A94FFF", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -435198,24 +471737,24 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -435228,9 +471767,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -435238,9 +471777,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -435258,9 +471797,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -435270,7 +471809,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -435280,17 +471819,17 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -435298,9 +471837,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -435313,24 +471852,24 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#473315", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -435338,24 +471877,24 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -435363,29 +471902,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -435393,29 +471932,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { "active": "#EEB663", @@ -435455,12 +471994,12 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -435488,29 +472027,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -435520,12 +472059,12 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#818385", @@ -435533,14 +472072,14 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#76787a", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -435548,19 +472087,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -435573,54 +472112,54 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -435628,19 +472167,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -435655,57 +472194,51 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, - "letterSpacing": "0.3px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -435749,52 +472282,46 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.2px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": 20, }, }, "fontHeadline1": { "compact": { - "fontSize": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, - "letterSpacing": "0.15px", "lineHeight": 20, }, }, @@ -435804,7 +472331,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -435812,7 +472339,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -435820,35 +472347,31 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 }, "fontSubhead": { "compact": { - "fontSize": 13, - "letterSpacing": "0.15px", - "lineHeight": 16, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 14, "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 400, - "letterSpacing": "0.15px", "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -435856,7 +472379,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -435864,7 +472387,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -435922,7 +472445,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -436034,7 +472557,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -436047,7 +472570,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -436064,7 +472587,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -436084,16 +472607,16 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -436108,24 +472631,24 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkontakteAndroidDark", - "themeNameBase": "vkontakteAndroid", + "themeInheritsFrom": "vkComDark", + "themeName": "vkontakteComDark", + "themeNameBase": "vkontakteCom", "themeType": "root", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.04)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "normal": "rgba(0, 0, 0, 0)", }, "vkontakteButtonTertiaryForeground": { "active": "#E3E5E8", @@ -436138,9 +472661,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteColorAlphaSkeletonShimmerTo": { "active": "rgba(255, 255, 255, 0.08)", @@ -436148,34 +472671,34 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorControlForeground": { "active": "#E3E5E8", @@ -436183,39 +472706,39 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397dcc", }, "vkontakteColorIconName": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorIconOutlineMedium": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorIconOutlineSecondary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -436233,14 +472756,14 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#E3D3AC", }, "vkontakteColorImBubbleIncoming": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorImBubbleIncomingExpiring": { "active": "#373C5B", @@ -436248,9 +472771,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#262B4D", }, "vkontakteColorImBubbleOutgoing": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { "active": "#6671B9", @@ -436263,29 +472786,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "rgba(255, 255, 255, 0.24)", }, "vkontakteColorImTextName": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "vkontakteColorInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteColorLoaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteColorLoaderTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -436308,14 +472831,14 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteColorPlaceholderIconTint": { "active": "#D7D8DB", @@ -436328,39 +472851,39 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorSearchBarBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteColorSearchBarFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteColorSnippetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#383838", + "hover": "#303030", + "normal": "#272727", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteColorSplashScreenIcon": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorStatusBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteColorTabbarActiveIcon": { "active": "#D7D8DB", @@ -436368,19 +472891,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "vkontakteColorTabbarInactiveIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteColorTextName": { "active": "#E3E5E8", @@ -436388,14 +472911,14 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "vkontakteFloatButtonForeground": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", @@ -436442,9 +472965,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "vkontakteImBubbleGiftBackground": { "active": "#8F7D5E", @@ -436457,9 +472980,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#ab9871", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#4F588A", @@ -436467,19 +472990,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#404980", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "vkontakteImReplySeparator": { "active": "#D7D8DB", @@ -436487,31 +473010,31 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "vkontakteLandingBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -436531,62 +473054,62 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #3A80D3)", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #3C85D9)", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #3F8AE0)", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #4B78AE)", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #5181B8)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #77EBD6)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #7CF4DC)", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #AEB7C2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { @@ -436600,21 +473123,21 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B0E54E)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B7EE4E)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #BFF74F)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { @@ -436628,7 +473151,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -436662,15 +473185,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E27CEF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EC80F7)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F685FF)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { @@ -436684,7 +473207,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735CE6)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { @@ -436712,7 +473235,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { @@ -436740,7 +473263,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792EC0)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "colorActionSheetText": { @@ -436788,71 +473311,71 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #DADCE2)", + "value": "var(--vkui--color_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E4E5E9)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #EDEEF0)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3F72B0)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4177B5)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #447BBA)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #447BBA)", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #447BBA)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -436880,7 +473403,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContrast": { @@ -436894,21 +473417,21 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", + "value": "var(--vkui--color_background_contrast, #ffffff)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", + "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #313233)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #333333)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -436970,15 +473493,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { @@ -436992,21 +473515,21 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #E64646)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { @@ -437020,7 +473543,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4BB34B)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "colorBackgroundPositiveTint": { @@ -437040,43 +473563,43 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F2F5)", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #FAFBFC)", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", }, }, "colorBackgroundTertiaryAlpha": { @@ -437110,57 +473633,57 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #305B90)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #325F93)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #346297)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #305B90)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #325F93)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #346297)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #305B90)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #325F93)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #346297)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E3E5EB)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EDEFF2)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F7F8FA)", + "value": "var(--vkui--color_field_background, #f2f3f5)", }, }, "colorFieldBorderAlpha": { @@ -437188,35 +473711,35 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #3F72B0)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4177B5)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #447BBA)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #3770B1)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -437230,7 +473753,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #ffffff)", }, }, "colorIconContrastSecondary": { @@ -437258,21 +473781,21 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #66717F)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #6B7582)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #6F7985)", + "value": "var(--vkui--color_icon_medium, #818c99)", }, }, "colorIconMediumAlpha": { @@ -437300,7 +473823,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #E64646)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { @@ -437314,7 +473837,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { @@ -437334,15 +473857,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #313233)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #333333)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { @@ -437356,7 +473879,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99A2AD)", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", }, }, "colorIconSecondaryAlpha": { @@ -437376,15 +473899,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, }, "colorIconTertiaryAlpha": { @@ -437468,7 +473991,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -437502,29 +474025,29 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #3F72B0)", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #447BBA)", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #DADCE2)", + "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #EDEEF0)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "colorSegmentedControl": { @@ -437544,15 +474067,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DCE1E6)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { @@ -437566,7 +474089,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { @@ -437580,7 +474103,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "colorSeparatorPrimaryAlpha": { @@ -437600,71 +474123,71 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E7E8EC)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F0F2F5)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E7E8EC)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #447BBA)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -437692,7 +474215,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #E64646)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { @@ -437706,7 +474229,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -437726,29 +474249,29 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #3F72B0)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4177B5)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #447BBA)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #3770B1)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -437762,7 +474285,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "value": "var(--vkui--color_text_contrast, #ffffff)", }, }, "colorTextContrastThemed": { @@ -437776,35 +474299,35 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #27527F)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #285582)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2A5885)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #27527F)", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #285582)", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2A5885)", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", }, }, "colorTextLinkTint": { @@ -437838,15 +474361,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #2F3034)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #313233)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #333333)", + "value": "var(--vkui--color_text_muted, #2c2d2e)", }, }, "colorTextNegative": { @@ -437860,7 +474383,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #E64646)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { @@ -437874,7 +474397,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { @@ -437894,15 +474417,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #2F3034)", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #313233)", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #333333)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { @@ -437916,21 +474439,21 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818C99)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #5A6675)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #5E6978)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #626D7A)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { @@ -437944,35 +474467,35 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99A2AD)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C2C9D1)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #CBD1D8)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #D3D9DE)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3F72B0)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #4177B5)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #447BBA)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "colorTransparent": { @@ -437992,43 +474515,43 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #778292)", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7C8795)", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #818C99)", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #FFFFFF)", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #D3D9DE)", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, }, "colorWriteBarInputBorderAlpha": { @@ -438091,7 +474614,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -438133,7 +474656,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -438175,7 +474698,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -438217,7 +474740,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -438259,7 +474782,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -438301,7 +474824,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -438343,7 +474866,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -438381,7 +474904,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -438399,7 +474922,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -438437,7 +474960,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -438475,7 +474998,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -438497,11 +475020,11 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -438525,7 +475048,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -438567,7 +475090,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -438609,17 +475132,17 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 14px)", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 18px)", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -438657,17 +475180,17 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 14px)", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 18px)", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -438715,7 +475238,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -438753,7 +475276,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -438791,17 +475314,17 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -438839,17 +475362,17 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 13px)", + "value": "var(--vkui--font_text--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 16px)", + "value": "var(--vkui--font_text--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -438887,7 +475410,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -438925,7 +475448,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -438963,7 +475486,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -439214,7 +475737,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -439466,7 +475989,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -439540,7 +476063,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, "sizeIconUI": { @@ -439580,11 +476103,11 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 48px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -439642,7 +476165,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 448px)", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, "sizeSearchHeight": { @@ -439710,11 +476233,11 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 10px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -439724,11 +476247,11 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 16px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -439738,11 +476261,11 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 27px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -439797,43 +476320,43 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkCom)", + "value": "var(--vkui--theme_inherits_from, vkIOS)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteCom)", + "value": "var(--vkui--theme_name, vkontakteIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteCom)", + "value": "var(--vkui--theme_name_base, vkontakteIOS)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { "active": { "name": "--vkui--vkontakte_background_hover_alpha--active", - "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(174, 183, 194, 0.2))", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--vkontakte_background_hover_alpha--hover", - "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(174, 183, 194, 0.16))", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(174, 183, 194, 0.12))", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", }, }, "vkontakteButtonMutedBackground": { "active": { "name": "--vkui--vkontakte_button_muted_background--active", - "value": "var(--vkui--vkontakte_button_muted_background--active, #D3D9E3)", + "value": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--vkontakte_button_muted_background--hover", - "value": "var(--vkui--vkontakte_button_muted_background--hover, #DCE2EA)", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #e5ebf1)", + "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", }, }, "vkontakteButtonTertiaryBackground": { @@ -439847,21 +476370,21 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", }, }, "vkontakteButtonTertiaryForeground": { "active": { "name": "--vkui--vkontakte_button_tertiary_foreground--active", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #305B90)", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", }, "hover": { "name": "--vkui--vkontakte_button_tertiary_foreground--hover", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #325F93)", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #346297)", + "value": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", }, }, "vkontakteColorAccentAlternate": { @@ -439909,15 +476432,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorBackgroundKeyboard": { "active": { "name": "--vkui--vkontakte_color_background_keyboard--active", - "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CAD0D8)", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", }, "hover": { "name": "--vkui--vkontakte_color_background_keyboard--hover", - "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D3D9DF)", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", }, "normal": { "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #dce1e6)", + "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", }, }, "vkontakteColorBackgroundSuggestions": { @@ -439937,99 +476460,99 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorBackgroundTextAlpha": { "active": { "name": "--vkui--vkontakte_color_background_text_alpha--active", - "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { "name": "--vkui--vkontakte_color_background_text_alpha--hover", - "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", }, }, "vkontakteColorContentPlaceholderIcon": { "active": { "name": "--vkui--vkontakte_color_content_placeholder_icon--active", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #A4A5A9)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", }, "hover": { "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ABACAD)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", }, "normal": { "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", }, }, "vkontakteColorContentTintForeground": { "active": { "name": "--vkui--vkontakte_color_content_tint_foreground--active", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #87898C)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", }, "hover": { "name": "--vkui--vkontakte_color_content_tint_foreground--hover", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #8D8E90)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", }, "normal": { "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", }, }, "vkontakteColorControlBackground": { "active": { "name": "--vkui--vkontakte_color_control_background--active", - "value": "var(--vkui--vkontakte_color_control_background--active, #DADCE2)", + "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--vkontakte_color_control_background--hover", - "value": "var(--vkui--vkontakte_color_control_background--hover, #E4E5E9)", + "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #edeef0)", + "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)", }, }, "vkontakteColorControlForeground": { "active": { "name": "--vkui--vkontakte_color_control_foreground--active", - "value": "var(--vkui--vkontakte_color_control_foreground--active, #3F72B0)", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", }, "hover": { "name": "--vkui--vkontakte_color_control_foreground--hover", - "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4177B5)", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", }, "normal": { "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #447bba)", + "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", }, }, "vkontakteColorControlTintMuted": { "active": { "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #78797C)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", }, "hover": { "name": "--vkui--vkontakte_color_control_tint_muted--hover", - "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #7D7D7F)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", }, "normal": { "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #828282)", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", }, }, "vkontakteColorHeaderSearchFieldBackground": { "active": { "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #DADCE2)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E4E5E9)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #edeef0)", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", }, }, "vkontakteColorHeaderSearchFieldTint": { @@ -440049,29 +476572,29 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorHeaderTabActiveIndicator": { "active": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #3474C1)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", }, "hover": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #3779C6)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", }, "normal": { "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", }, }, "vkontakteColorIconName": { "active": { "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #84A0BD)", + "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", }, "hover": { "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #89A7C2)", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", }, "normal": { "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #8fadc8)", + "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", }, }, "vkontakteColorIconOutlineMedium": { @@ -440105,15 +476628,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": { "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #BCBDC1)", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #C4C4C6)", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(204, 204, 204, 1))", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", }, }, "vkontakteColorImBubbleGiftText": { @@ -440147,15 +476670,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorImBubbleIncoming": { "active": { "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #DADCE2)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E4E5E9)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EDEEF0)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", }, }, "vkontakteColorImBubbleIncomingAlternate": { @@ -440217,85 +476740,85 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorImForwardLineAlpha": { "active": { "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(0, 20, 51, 0.2))", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", }, "hover": { "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(0, 20, 51, 0.16))", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", }, "normal": { "name": "--vkui--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(0, 20, 51, 0.12))", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", }, }, "vkontakteColorImTextName": { "active": { "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #27527F)", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", }, "hover": { "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #285582)", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #2A5885)", + "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", }, }, "vkontakteColorInputBorder": { "active": { "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #C2C9D1)", + "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", }, "hover": { "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #CBD1D8)", + "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", }, "normal": { "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #D3D9DE)", + "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", }, }, "vkontakteColorLandingSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", }, "hover": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", }, "normal": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, }, "vkontakteColorLoaderBackground": { "active": { "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #DADCE2)", + "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #E4E5E9)", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #edeef0)", + "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", }, }, "vkontakteColorLoaderTint": { "active": { "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #78797C)", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", }, "hover": { "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7D7D7F)", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", }, "normal": { "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #828282)", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, }, "vkontakteColorModalCardBorderAlpha": { @@ -440343,15 +476866,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorPanelTabActiveText": { "active": { "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #485363)", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", }, "hover": { "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #4B5664)", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", }, "normal": { "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #4e5966)", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", }, }, "vkontakteColorPlaceholderIconForegroundPrimary": { @@ -440385,43 +476908,43 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorPlaceholderIconTint": { "active": { "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #1B375A)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", }, "hover": { "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #1C385B)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", }, "normal": { "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #1d3a5c)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", }, }, "vkontakteColorPollOptionBackground": { "active": { "name": "--vkui--vkontakte_color_poll_option_background--active", - "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F72B0)", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", }, "hover": { "name": "--vkui--vkontakte_color_poll_option_background--hover", - "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #4177B5)", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", }, "normal": { "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #447bba)", + "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", }, }, "vkontakteColorSearchBarBackground": { "active": { "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #D3D9E3)", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", }, "hover": { "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #DCE2EA)", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #e5ebf1)", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", }, }, "vkontakteColorSearchBarFieldTint": { @@ -440469,71 +476992,71 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", }, "hover": { "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", }, "normal": { "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, }, "vkontakteColorSplashScreenIcon": { "active": { "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CAD0D8)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", }, "hover": { "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D3D9DF)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", }, "normal": { "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #dce1e6)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", }, }, "vkontakteColorStatusBackground": { "active": { "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #DADCE2)", + "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #E4E5E9)", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #edeef0)", + "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", }, }, "vkontakteColorTabbarActiveIcon": { "active": { "name": "--vkui--vkontakte_color_tabbar_active_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #3F72B0)", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #4177B5)", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #447bba)", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", }, }, "vkontakteColorTabbarBackground": { "active": { "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E3E5EB)", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EDEFF2)", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f7f8fa)", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", }, }, "vkontakteColorTabbarInactiveIcon": { @@ -440553,43 +477076,43 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteColorTabbarTabletTextSecondary": { "active": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #778292)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7C8795)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #818c99)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", }, }, "vkontakteColorTextName": { "active": { "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #27527F)", + "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", }, "hover": { "name": "--vkui--vkontakte_color_text_name--hover", - "value": "var(--vkui--vkontakte_color_text_name--hover, #285582)", + "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2a5885)", + "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", }, }, "vkontakteColorToolbarAttachBackgroundFrom": { "active": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #CAD0D8)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", }, "hover": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #D3D9DF)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", }, "normal": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #dce1e6)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", }, }, "vkontakteFloatButtonForeground": { @@ -440745,15 +477268,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteImAttachTint": { "active": { "name": "--vkui--vkontakte_im_attach_tint--active", - "value": "var(--vkui--vkontakte_im_attach_tint--active, #3F72B0)", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", }, "hover": { "name": "--vkui--vkontakte_im_attach_tint--hover", - "value": "var(--vkui--vkontakte_im_attach_tint--hover, #4177B5)", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #447bba)", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", }, }, "vkontakteImBubbleButtonForeground": { @@ -440773,15 +477296,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { "active": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.8))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", }, "hover": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.76))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", }, "normal": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.72))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", }, }, "vkontakteImBubbleGiftBackground": { @@ -440815,15 +477338,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleIncomingAlternateHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E3E5EB)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EDEFF2)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f7f8fa)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", }, }, "vkontakteImBubbleIncomingExpiringHighlighted": { @@ -440843,15 +477366,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleIncomingHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C2C9D1)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CBD1D8)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d3d9de)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", }, }, "vkontakteImBubbleOutgoingAlternate": { @@ -440885,15 +477408,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "vkontakteImReplySeparator": { "active": { "name": "--vkui--vkontakte_im_reply_separator--active", - "value": "var(--vkui--vkontakte_im_reply_separator--active, #27527F)", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", }, "hover": { "name": "--vkui--vkontakte_im_reply_separator--hover", - "value": "var(--vkui--vkontakte_im_reply_separator--hover, #285582)", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2a5885)", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", }, }, "vkontakteImToolbarVoiceMsgBackground": { @@ -440935,21 +477458,21 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.102))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", }, }, "vkontakteStoriesSkeletonLoaderBackground": { "active": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #BCBDC1)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", }, "hover": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C4C4C6)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", }, "normal": { "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #cccccc)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", }, }, "zIndexModal": { @@ -440963,47 +477486,47 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -441016,14 +477539,14 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735CE6", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -441033,7 +477556,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -441043,7 +477566,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792EC0", + "normal": "#792ec0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -441061,29 +477584,29 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -441093,17 +477616,17 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -441126,24 +477649,24 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -441151,19 +477674,19 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(213, 226, 241, 0.99)", - "hover": "rgba(223, 234, 246, 0.99)", - "normal": "rgba(235, 242, 250, 0.99)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -441176,24 +477699,24 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -441203,22 +477726,22 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -441228,12 +477751,12 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -441243,12 +477766,12 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", @@ -441256,14 +477779,14 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -441271,9 +477794,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -441303,7 +477826,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -441316,14 +477839,14 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -441331,19 +477854,19 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#CBCCCD", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#BEBFC1", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -441351,29 +477874,29 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -441383,12 +477906,12 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -441396,34 +477919,34 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -441436,19 +477959,19 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#4986cc", }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#000105", @@ -441456,34 +477979,34 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818C99", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -441491,19 +478014,19 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -441518,7 +478041,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -441526,7 +478049,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -441535,7 +478058,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -441543,7 +478066,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -441552,7 +478075,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -441560,7 +478083,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -441569,7 +478092,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -441577,13 +478100,13 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -441591,7 +478114,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -441599,18 +478122,18 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -441618,7 +478141,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -441627,11 +478150,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontHeadline": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -441639,11 +478162,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontHeadline1": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -441655,7 +478178,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -441663,7 +478186,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -441671,11 +478194,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontSubhead": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -441683,11 +478206,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontText": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -441695,7 +478218,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -441703,7 +478226,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -441711,7 +478234,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -441784,7 +478307,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -441859,7 +478382,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -441881,7 +478404,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -441893,8 +478416,8 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "48px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -441911,7 +478434,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -441931,16 +478454,16 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -441955,29 +478478,29 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkCom", - "themeName": "vkontakteCom", - "themeNameBase": "vkontakteCom", + "themeInheritsFrom": "vkIOS", + "themeName": "vkontakteIOS", + "themeNameBase": "vkontakteIOS", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(174, 183, 194, 0.2)", - "hover": "rgba(174, 183, 194, 0.16)", - "normal": "rgba(174, 183, 194, 0.12)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "vkontakteButtonMutedBackground": { - "active": "#D3D9E3", - "hover": "#DCE2EA", - "normal": "#e5ebf1", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "normal": "rgba(0, 0, 0, 0.00)", }, "vkontakteButtonTertiaryForeground": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteColorAccentAlternate": { "active": "#006FEF", @@ -441995,9 +478518,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#dce1e6", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "vkontakteColorBackgroundSuggestions": { "active": "#EBECEF", @@ -442005,39 +478528,39 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(81, 129, 184, 0.28)", - "hover": "rgba(81, 129, 184, 0.24)", - "normal": "rgba(81, 129, 184, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#A4A5A9", - "hover": "#ABACAD", - "normal": "#b2b2b2", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteColorContentTintForeground": { - "active": "#87898C", - "hover": "#8D8E90", - "normal": "#939393", + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", }, "vkontakteColorControlBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorControlForeground": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", }, "vkontakteColorControlTintMuted": { - "active": "#78797C", - "hover": "#7D7D7F", - "normal": "#828282", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorHeaderSearchFieldTint": { "active": "#778292", @@ -442045,14 +478568,14 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#818c99", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#3474C1", - "hover": "#3779C6", - "normal": "#397dcc", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "vkontakteColorIconName": { - "active": "#84A0BD", - "hover": "#89A7C2", - "normal": "#8fadc8", + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", }, "vkontakteColorIconOutlineMedium": { "active": "#778292", @@ -442065,9 +478588,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#99a2ad", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "rgba(204, 204, 204, 1)", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", }, "vkontakteColorImBubbleGiftText": { "active": "#7A6A4E", @@ -442080,9 +478603,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#AB9871", }, "vkontakteColorImBubbleIncoming": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", }, "vkontakteColorImBubbleIncomingAlternate": { "active": "#EBECEF", @@ -442105,34 +478628,34 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#ADB8FF", }, "vkontakteColorImForwardLineAlpha": { - "active": "rgba(0, 20, 51, 0.2)", - "hover": "rgba(0, 20, 51, 0.16)", - "normal": "rgba(0, 20, 51, 0.12)", + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", }, "vkontakteColorImTextName": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", }, "vkontakteColorInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "vkontakteColorLoaderBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorLoaderTint": { - "active": "#78797C", - "hover": "#7D7D7F", - "normal": "#828282", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -442150,9 +478673,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#000000", }, "vkontakteColorPanelTabActiveText": { - "active": "#485363", - "hover": "#4B5664", - "normal": "#4e5966", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorPlaceholderIconForegroundPrimary": { "active": "#8D96A4", @@ -442165,19 +478688,19 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#aeb7c2", }, "vkontakteColorPlaceholderIconTint": { - "active": "#1B375A", - "hover": "#1C385B", - "normal": "#1d3a5c", + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", }, "vkontakteColorPollOptionBackground": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", }, "vkontakteColorSearchBarBackground": { - "active": "#D3D9E3", - "hover": "#DCE2EA", - "normal": "#e5ebf1", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteColorSearchBarFieldTint": { "active": "#778292", @@ -442195,29 +478718,29 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "vkontakteColorSplashScreenIcon": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#dce1e6", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "vkontakteColorStatusBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorTabbarActiveIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", }, "vkontakteColorTabbarBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#f7f8fa", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "vkontakteColorTabbarInactiveIcon": { "active": "#8D96A4", @@ -442225,19 +478748,19 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#99a2ad", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", }, "vkontakteColorTextName": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2a5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#dce1e6", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "vkontakteFloatButtonForeground": { "active": "#8D96A4", @@ -442279,9 +478802,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", "vkontakteImAttachTint": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteImBubbleButtonForeground": { "active": "#000105", @@ -442289,9 +478812,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#000000", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.8)", - "hover": "rgba(255, 255, 255, 0.76)", - "normal": "rgba(255, 255, 255, 0.72)", + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", }, "vkontakteImBubbleGiftBackground": { "active": "#E0D6B8", @@ -442304,9 +478827,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#e3d3ac", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#f7f8fa", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#BCC3EF", @@ -442314,9 +478837,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#ccd3ff", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#d3d9de", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "vkontakteImBubbleOutgoingAlternate": { "active": "#EBECEF", @@ -442329,9 +478852,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#add3ff", }, "vkontakteImReplySeparator": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2a5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteImToolbarVoiceMsgBackground": { "active": "#8D96A4", @@ -442346,59 +478869,59 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "vkontakteLandingSecondaryButtonBackground": { "active": "rgba(0, 57, 115, 0.18)", "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.102)", + "normal": "rgba(0, 57, 115, 0.10)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "#cccccc", + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #3A80D3)", - "hover": "var(--vkui--color_accent_azure--hover, #3C85D9)", - "normal": "var(--vkui--color_accent_azure, #3F8AE0)", + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #4B78AE)", - "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", - "normal": "var(--vkui--color_accent_blue, #5181B8)", + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #72E2CF)", - "hover": "var(--vkui--color_accent_cyan--hover, #77EBD6)", - "normal": "var(--vkui--color_accent_cyan, #7CF4DC)", + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A0AAB7)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", - "normal": "var(--vkui--color_accent_gray, #AEB7C2)", + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #45A64A)", "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B0E54E)", - "hover": "var(--vkui--color_accent_lime--hover, #B7EE4E)", - "normal": "var(--vkui--color_accent_lime, #BFF74F)", + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -442411,14 +478934,14 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #E27CEF)", - "hover": "var(--vkui--color_accent_pink--hover, #EC80F7)", - "normal": "var(--vkui--color_accent_pink, #F685FF)", + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735CE6)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -442428,7 +478951,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #EB3046)", "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", @@ -442438,7 +478961,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792EC0)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", @@ -442456,29 +478979,29 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #DADCE2)", - "hover": "var(--vkui--color_background--hover, #E4E5E9)", - "normal": "var(--vkui--color_background, #EDEEF0)", + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent, #447BBA)", + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent_alternative, #447BBA)", + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent_themed--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent_themed, #447BBA)", + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -442488,17 +479011,17 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #313233)", - "normal": "var(--vkui--color_background_contrast_inverse, #333333)", + "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -442521,24 +479044,24 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", - "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #E64646)", + "normal": "var(--vkui--color_background_negative, #e64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", @@ -442546,19 +479069,19 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", - "normal": "var(--vkui--color_background_secondary, #F0F2F5)", + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", - "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", - "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", @@ -442571,24 +479094,24 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #305B90)", - "hover": "var(--vkui--color_button_icon--hover, #325F93)", - "normal": "var(--vkui--color_button_icon, #346297)", + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #305B90)", - "hover": "var(--vkui--color_button_stroke--hover, #325F93)", - "normal": "var(--vkui--color_button_stroke, #346297)", + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #305B90)", - "hover": "var(--vkui--color_button_text--hover, #325F93)", - "normal": "var(--vkui--color_button_text, #346297)", + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #E3E5EB)", - "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", - "normal": "var(--vkui--color_field_background, #F7F8FA)", + "active": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -442598,22 +479121,22 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #3F72B0)", - "hover": "var(--vkui--color_icon_accent--hover, #4177B5)", - "normal": "var(--vkui--color_icon_accent, #447BBA)", + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", @@ -442623,12 +479146,12 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #66717F)", - "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", - "normal": "var(--vkui--color_icon_medium, #6F7985)", + "active": "var(--vkui--color_icon_medium--active, #778292)", + "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", + "normal": "var(--vkui--color_icon_medium, #818c99)", }, "colorIconMediumAlpha": { "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", @@ -442638,12 +479161,12 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #E64646)", + "normal": "var(--vkui--color_icon_negative, #e64646)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #45A64A)", "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #282B2F)", @@ -442651,14 +479174,14 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #313233)", - "normal": "var(--vkui--color_icon_primary_invariably, #333333)", + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99A2AD)", + "normal": "var(--vkui--color_icon_secondary, #99a2ad)", }, "colorIconSecondaryAlpha": { "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", @@ -442666,9 +479189,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", - "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", - "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, "colorIconTertiaryAlpha": { "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", @@ -442698,7 +479221,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -442711,14 +479234,14 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", - "normal": "var(--vkui--color_panel_header_icon, #447BBA)", + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #DADCE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E4E5E9)", - "normal": "var(--vkui--color_search_field_background, #EDEEF0)", + "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -442726,19 +479249,19 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #CAD0D8)", - "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", - "normal": "var(--vkui--color_separator_primary, #DCE1E6)", + "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "colorSeparatorPrimary2x": { "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", }, "colorSeparatorPrimary3x": { "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", }, "colorSeparatorPrimaryAlpha": { "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", @@ -442746,29 +479269,29 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D5D7DE)", - "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", - "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", + "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #DDE0E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", - "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #D5D7DE)", - "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", - "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", + "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #3F72B0)", - "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", - "normal": "var(--vkui--color_stroke_accent, #447BBA)", + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -442778,12 +479301,12 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #D44245)", "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #E64646)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #45A64A)", "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", @@ -442791,34 +479314,34 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #3F72B0)", - "hover": "var(--vkui--color_text_accent--hover, #4177B5)", - "normal": "var(--vkui--color_text_accent, #447BBA)", + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_text_accent_themed, #3770B1)", + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #27527F)", - "hover": "var(--vkui--color_text_link--hover, #285582)", - "normal": "var(--vkui--color_text_link, #2A5885)", + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #27527F)", - "hover": "var(--vkui--color_text_link_themed--hover, #285582)", - "normal": "var(--vkui--color_text_link_themed, #2A5885)", + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -442831,19 +479354,19 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #2F3034)", - "hover": "var(--vkui--color_text_muted--hover, #313233)", - "normal": "var(--vkui--color_text_muted, #333333)", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #D44245)", "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #E64646)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #45A64A)", "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #000105)", @@ -442851,34 +479374,34 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #2F3034)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #313233)", - "normal": "var(--vkui--color_text_primary_invariably, #333333)", + "active": "var(--vkui--color_text_primary_invariably--active, #000105)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { "active": "var(--vkui--color_text_secondary--active, #778292)", "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818C99)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #5A6675)", - "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", - "normal": "var(--vkui--color_text_subhead, #626D7A)", + "active": "var(--vkui--color_text_subhead--active, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "colorTextTertiary": { "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99A2AD)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C2C9D1)", - "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", - "normal": "var(--vkui--color_track_background, #D3D9DE)", + "active": "var(--vkui--color_track_background--active, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #3F72B0)", - "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", - "normal": "var(--vkui--color_track_buffer, #447BBA)", + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -442886,19 +479409,19 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #778292)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7C8795)", - "normal": "var(--vkui--color_write_bar_icon, #818C99)", + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_write_bar_input_background, #FFFFFF)", + "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", - "normal": "var(--vkui--color_write_bar_input_border, #D3D9DE)", + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", @@ -442913,7 +479436,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -442921,7 +479444,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -442930,7 +479453,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -442938,7 +479461,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -442947,7 +479470,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -442955,7 +479478,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -442964,7 +479487,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -442972,13 +479495,13 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -442986,7 +479509,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -442994,18 +479517,18 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -443013,7 +479536,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -443022,11 +479545,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -443034,11 +479557,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -443050,7 +479573,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -443058,7 +479581,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -443066,11 +479589,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -443078,11 +479601,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -443090,7 +479613,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -443098,7 +479621,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -443106,7 +479629,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -443179,7 +479702,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -443254,7 +479777,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -443276,7 +479799,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -443288,8 +479811,8 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -443306,7 +479829,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 448px)", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -443326,16 +479849,16 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 10px)", - "regular": "var(--vkui--size_switch_height--regular, 10px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -443350,29 +479873,29 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkCom)", - "themeName": "var(--vkui--theme_name, vkontakteCom)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteCom)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkIOS)", + "themeName": "var(--vkui--theme_name, vkontakteIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkontakteIOS)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(174, 183, 194, 0.2))", - "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(174, 183, 194, 0.16))", - "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(174, 183, 194, 0.12))", + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", }, "vkontakteButtonMutedBackground": { - "active": "var(--vkui--vkontakte_button_muted_background--active, #D3D9E3)", - "hover": "var(--vkui--vkontakte_button_muted_background--hover, #DCE2EA)", - "normal": "var(--vkui--vkontakte_button_muted_background, #e5ebf1)", + "active": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", + "normal": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", }, "vkontakteButtonTertiaryBackground": { "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", }, "vkontakteButtonTertiaryForeground": { - "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #305B90)", - "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #325F93)", - "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #346297)", + "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", + "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", }, "vkontakteColorAccentAlternate": { "active": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", @@ -443390,9 +479913,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", }, "vkontakteColorBackgroundKeyboard": { - "active": "var(--vkui--vkontakte_color_background_keyboard--active, #CAD0D8)", - "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D3D9DF)", - "normal": "var(--vkui--vkontakte_color_background_keyboard, #dce1e6)", + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", }, "vkontakteColorBackgroundSuggestions": { "active": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", @@ -443400,39 +479923,39 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", }, "vkontakteColorBackgroundTextAlpha": { - "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", - "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", - "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", }, "vkontakteColorContentPlaceholderIcon": { - "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #A4A5A9)", - "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ABACAD)", - "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", }, "vkontakteColorContentTintForeground": { - "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #87898C)", - "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #8D8E90)", - "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", }, "vkontakteColorControlBackground": { - "active": "var(--vkui--vkontakte_color_control_background--active, #DADCE2)", - "hover": "var(--vkui--vkontakte_color_control_background--hover, #E4E5E9)", - "normal": "var(--vkui--vkontakte_color_control_background, #edeef0)", + "active": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_control_background, #ebedf0)", }, "vkontakteColorControlForeground": { - "active": "var(--vkui--vkontakte_color_control_foreground--active, #3F72B0)", - "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4177B5)", - "normal": "var(--vkui--vkontakte_color_control_foreground, #447bba)", + "active": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", + "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + "normal": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", }, "vkontakteColorControlTintMuted": { - "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #78797C)", - "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #7D7D7F)", - "normal": "var(--vkui--vkontakte_color_control_tint_muted, #828282)", + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #DADCE2)", - "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E4E5E9)", - "normal": "var(--vkui--vkontakte_color_header_search_field_background, #edeef0)", + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", }, "vkontakteColorHeaderSearchFieldTint": { "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", @@ -443440,14 +479963,14 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #3474C1)", - "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #3779C6)", - "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", }, "vkontakteColorIconName": { - "active": "var(--vkui--vkontakte_color_icon_name--active, #84A0BD)", - "hover": "var(--vkui--vkontakte_color_icon_name--hover, #89A7C2)", - "normal": "var(--vkui--vkontakte_color_icon_name, #8fadc8)", + "active": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + "normal": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", }, "vkontakteColorIconOutlineMedium": { "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", @@ -443460,9 +479983,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #BCBDC1)", - "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #C4C4C6)", - "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(204, 204, 204, 1))", + "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", + "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", + "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", }, "vkontakteColorImBubbleGiftText": { "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", @@ -443475,9 +479998,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", }, "vkontakteColorImBubbleIncoming": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #DADCE2)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E4E5E9)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #EDEEF0)", + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", }, "vkontakteColorImBubbleIncomingAlternate": { "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", @@ -443500,34 +480023,34 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", }, "vkontakteColorImForwardLineAlpha": { - "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(0, 20, 51, 0.2))", - "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(0, 20, 51, 0.16))", - "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(0, 20, 51, 0.12))", + "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", + "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", }, "vkontakteColorImTextName": { - "active": "var(--vkui--vkontakte_color_im_text_name--active, #27527F)", - "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #285582)", - "normal": "var(--vkui--vkontakte_color_im_text_name, #2A5885)", + "active": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", }, "vkontakteColorInputBorder": { - "active": "var(--vkui--vkontakte_color_input_border--active, #C2C9D1)", - "hover": "var(--vkui--vkontakte_color_input_border--hover, #CBD1D8)", - "normal": "var(--vkui--vkontakte_color_input_border, #D3D9DE)", + "active": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, "vkontakteColorLoaderBackground": { - "active": "var(--vkui--vkontakte_color_loader_background--active, #DADCE2)", - "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E4E5E9)", - "normal": "var(--vkui--vkontakte_color_loader_background, #edeef0)", + "active": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", }, "vkontakteColorLoaderTint": { - "active": "var(--vkui--vkontakte_color_loader_tint--active, #78797C)", - "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7D7D7F)", - "normal": "var(--vkui--vkontakte_color_loader_tint, #828282)", + "active": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, "vkontakteColorModalCardBorderAlpha": { "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", @@ -443545,9 +480068,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", }, "vkontakteColorPanelTabActiveText": { - "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #485363)", - "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #4B5664)", - "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #4e5966)", + "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", }, "vkontakteColorPlaceholderIconForegroundPrimary": { "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", @@ -443560,19 +480083,19 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", }, "vkontakteColorPlaceholderIconTint": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #1B375A)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #1C385B)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #1d3a5c)", + "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", }, "vkontakteColorPollOptionBackground": { - "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F72B0)", - "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #4177B5)", - "normal": "var(--vkui--vkontakte_color_poll_option_background, #447bba)", + "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", + "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + "normal": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", }, "vkontakteColorSearchBarBackground": { - "active": "var(--vkui--vkontakte_color_search_bar_background--active, #D3D9E3)", - "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #DCE2EA)", - "normal": "var(--vkui--vkontakte_color_search_bar_background, #e5ebf1)", + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", }, "vkontakteColorSearchBarFieldTint": { "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", @@ -443590,29 +480113,29 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", }, "vkontakteColorSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, "vkontakteColorSplashScreenIcon": { - "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CAD0D8)", - "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D3D9DF)", - "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #dce1e6)", + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", }, "vkontakteColorStatusBackground": { - "active": "var(--vkui--vkontakte_color_status_background--active, #DADCE2)", - "hover": "var(--vkui--vkontakte_color_status_background--hover, #E4E5E9)", - "normal": "var(--vkui--vkontakte_color_status_background, #edeef0)", + "active": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_status_background, #ebedf0)", }, "vkontakteColorTabbarActiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #3F72B0)", - "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #4177B5)", - "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #447bba)", + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", + "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", }, "vkontakteColorTabbarBackground": { - "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E3E5EB)", - "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EDEFF2)", - "normal": "var(--vkui--vkontakte_color_tabbar_background, #f7f8fa)", + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", }, "vkontakteColorTabbarInactiveIcon": { "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", @@ -443620,19 +480143,19 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #778292)", - "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #818c99)", + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", }, "vkontakteColorTextName": { - "active": "var(--vkui--vkontakte_color_text_name--active, #27527F)", - "hover": "var(--vkui--vkontakte_color_text_name--hover, #285582)", - "normal": "var(--vkui--vkontakte_color_text_name, #2a5885)", + "active": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", + "hover": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_color_text_name, #2d81e0)", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #CAD0D8)", - "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #D3D9DF)", - "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #dce1e6)", + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", }, "vkontakteFloatButtonForeground": { "active": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", @@ -443674,9 +480197,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", "vkontakteImAttachTint": { - "active": "var(--vkui--vkontakte_im_attach_tint--active, #3F72B0)", - "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #4177B5)", - "normal": "var(--vkui--vkontakte_im_attach_tint, #447bba)", + "active": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", }, "vkontakteImBubbleButtonForeground": { "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", @@ -443684,9 +480207,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.8))", - "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.76))", - "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.72))", + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", }, "vkontakteImBubbleGiftBackground": { "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", @@ -443699,9 +480222,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E3E5EB)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EDEFF2)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f7f8fa)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", @@ -443709,9 +480232,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C2C9D1)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CBD1D8)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d3d9de)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", }, "vkontakteImBubbleOutgoingAlternate": { "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", @@ -443724,9 +480247,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", }, "vkontakteImReplySeparator": { - "active": "var(--vkui--vkontakte_im_reply_separator--active, #27527F)", - "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #285582)", - "normal": "var(--vkui--vkontakte_im_reply_separator, #2a5885)", + "active": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", }, "vkontakteImToolbarVoiceMsgBackground": { "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", @@ -443741,59 +480264,59 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "vkontakteLandingSecondaryButtonBackground": { "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", - "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.102))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #BCBDC1)", - "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C4C4C6)", - "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #cccccc)", + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -443806,14 +480329,14 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735CE6", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -443823,7 +480346,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -443833,7 +480356,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792EC0", + "normal": "#792ec0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -443851,29 +480374,29 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -443883,17 +480406,17 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -443916,24 +480439,24 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -443941,19 +480464,19 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(213, 226, 241, 0.99)", - "hover": "rgba(223, 234, 246, 0.99)", - "normal": "rgba(235, 242, 250, 0.99)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -443966,24 +480489,24 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -443993,22 +480516,22 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -444018,12 +480541,12 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -444033,12 +480556,12 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", @@ -444046,14 +480569,14 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -444061,9 +480584,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -444093,7 +480616,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -444106,14 +480629,14 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -444121,19 +480644,19 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#CBCCCD", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#BEBFC1", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -444141,29 +480664,29 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -444173,12 +480696,12 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -444186,34 +480709,34 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -444226,19 +480749,19 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#000105", @@ -444246,34 +480769,34 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818C99", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -444281,19 +480804,19 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -444308,7 +480831,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -444316,7 +480839,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -444325,7 +480848,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -444333,7 +480856,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -444342,7 +480865,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -444350,7 +480873,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -444359,7 +480882,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -444367,13 +480890,13 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -444381,7 +480904,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -444389,18 +480912,18 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -444408,7 +480931,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -444417,11 +480940,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -444429,11 +480952,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -444445,7 +480968,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -444453,7 +480976,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -444461,11 +480984,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -444473,11 +480996,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -444485,7 +481008,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -444493,7 +481016,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -444501,7 +481024,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -444574,7 +481097,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -444649,7 +481172,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -444671,7 +481194,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -444683,8 +481206,8 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 48, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -444701,7 +481224,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -444721,16 +481244,16 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -444745,29 +481268,29 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkCom", - "themeName": "vkontakteCom", - "themeNameBase": "vkontakteCom", + "themeInheritsFrom": "vkIOS", + "themeName": "vkontakteIOS", + "themeNameBase": "vkontakteIOS", "themeType": "root", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(174, 183, 194, 0.2)", - "hover": "rgba(174, 183, 194, 0.16)", - "normal": "rgba(174, 183, 194, 0.12)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "vkontakteButtonMutedBackground": { - "active": "#D3D9E3", - "hover": "#DCE2EA", - "normal": "#e5ebf1", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "normal": "rgba(0, 0, 0, 0.00)", }, "vkontakteButtonTertiaryForeground": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteColorAccentAlternate": { "active": "#006FEF", @@ -444785,9 +481308,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#dce1e6", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "vkontakteColorBackgroundSuggestions": { "active": "#EBECEF", @@ -444795,39 +481318,39 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(81, 129, 184, 0.28)", - "hover": "rgba(81, 129, 184, 0.24)", - "normal": "rgba(81, 129, 184, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#A4A5A9", - "hover": "#ABACAD", - "normal": "#b2b2b2", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteColorContentTintForeground": { - "active": "#87898C", - "hover": "#8D8E90", - "normal": "#939393", + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", }, "vkontakteColorControlBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorControlForeground": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", }, "vkontakteColorControlTintMuted": { - "active": "#78797C", - "hover": "#7D7D7F", - "normal": "#828282", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorHeaderSearchFieldTint": { "active": "#778292", @@ -444835,14 +481358,14 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#818c99", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#3474C1", - "hover": "#3779C6", - "normal": "#397dcc", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "vkontakteColorIconName": { - "active": "#84A0BD", - "hover": "#89A7C2", - "normal": "#8fadc8", + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", }, "vkontakteColorIconOutlineMedium": { "active": "#778292", @@ -444855,9 +481378,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "rgba(204, 204, 204, 1)", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", }, "vkontakteColorImBubbleGiftText": { "active": "#7A6A4E", @@ -444870,9 +481393,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#AB9871", }, "vkontakteColorImBubbleIncoming": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", }, "vkontakteColorImBubbleIncomingAlternate": { "active": "#EBECEF", @@ -444895,34 +481418,34 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#ADB8FF", }, "vkontakteColorImForwardLineAlpha": { - "active": "rgba(0, 20, 51, 0.2)", - "hover": "rgba(0, 20, 51, 0.16)", - "normal": "rgba(0, 20, 51, 0.12)", + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", }, "vkontakteColorImTextName": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", }, "vkontakteColorInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "vkontakteColorLoaderBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorLoaderTint": { - "active": "#78797C", - "hover": "#7D7D7F", - "normal": "#828282", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -444940,9 +481463,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "vkontakteColorPanelTabActiveText": { - "active": "#485363", - "hover": "#4B5664", - "normal": "#4e5966", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorPlaceholderIconForegroundPrimary": { "active": "#8D96A4", @@ -444955,19 +481478,19 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#aeb7c2", }, "vkontakteColorPlaceholderIconTint": { - "active": "#1B375A", - "hover": "#1C385B", - "normal": "#1d3a5c", + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", }, "vkontakteColorPollOptionBackground": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", }, "vkontakteColorSearchBarBackground": { - "active": "#D3D9E3", - "hover": "#DCE2EA", - "normal": "#e5ebf1", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteColorSearchBarFieldTint": { "active": "#778292", @@ -444985,29 +481508,29 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "vkontakteColorSplashScreenIcon": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#dce1e6", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "vkontakteColorStatusBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#edeef0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorTabbarActiveIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", }, "vkontakteColorTabbarBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#f7f8fa", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "vkontakteColorTabbarInactiveIcon": { "active": "#8D96A4", @@ -445015,19 +481538,19 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", }, "vkontakteColorTextName": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2a5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#dce1e6", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "vkontakteFloatButtonForeground": { "active": "#8D96A4", @@ -445069,9 +481592,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", "vkontakteImAttachTint": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447bba", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteImBubbleButtonForeground": { "active": "#000105", @@ -445079,9 +481602,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.8)", - "hover": "rgba(255, 255, 255, 0.76)", - "normal": "rgba(255, 255, 255, 0.72)", + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", }, "vkontakteImBubbleGiftBackground": { "active": "#E0D6B8", @@ -445094,9 +481617,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#e3d3ac", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#f7f8fa", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#BCC3EF", @@ -445104,9 +481627,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#ccd3ff", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#d3d9de", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "vkontakteImBubbleOutgoingAlternate": { "active": "#EBECEF", @@ -445119,9 +481642,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#add3ff", }, "vkontakteImReplySeparator": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2a5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteImToolbarVoiceMsgBackground": { "active": "#8D96A4", @@ -445136,19 +481659,19 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "vkontakteLandingSecondaryButtonBackground": { "active": "rgba(0, 57, 115, 0.18)", "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.102)", + "normal": "rgba(0, 57, 115, 0.10)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "#cccccc", + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -445168,62 +481691,62 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #6AA6EB)", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #5D9EE9)", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #4987D0)", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4182CE)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #397DCC)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #55F1D2)", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #AEB7C2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { @@ -445237,21 +481760,21 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #CEF978)", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #CCF972)", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #CAF96C)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { @@ -445265,7 +481788,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -445299,29 +481822,29 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F9A1FF)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F89DFF)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F899FF)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9C89F6)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9784F5)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #937FF5)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { @@ -445349,7 +481872,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { @@ -445377,7 +481900,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #A94FFF)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "colorActionSheetText": { @@ -445425,57 +481948,57 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #272727)", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #1D1D1D)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #141414)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #7CB1ED)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #77ADEC)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #71AAEB)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "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)", }, "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)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #71AAEB)", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -445509,15 +482032,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #343434)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #222222)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContrast": { @@ -445537,15 +482060,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #434343)", + "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #333333)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -445593,15 +482116,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3A3A3A)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #323232)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #292929)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "colorBackgroundModalInverse": { @@ -445629,7 +482152,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "colorBackgroundNegativeTint": { @@ -445657,35 +482180,35 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4BB34B)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #405140)", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2F422F)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #434343)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #333333)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { @@ -445705,15 +482228,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #323232)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #292929)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "colorBackgroundTertiaryAlpha": { @@ -445747,57 +482270,57 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #E3E5E8)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #E1E3E6)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #E1E3E6)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #E3E5E8)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #E2E4E7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #E1E3E6)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { @@ -445817,57 +482340,57 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #343434)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2B2B2B)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #222222)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #71AAEB)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #E1E3E6)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { @@ -445887,43 +482410,43 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #343434)", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #222222)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #979797)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #939393)", + "value": "var(--vkui--color_icon_medium, #b0b1b6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { @@ -445937,7 +482460,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "colorIconPositive": { @@ -445951,7 +482474,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { @@ -445971,71 +482494,71 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #434343)", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #333333)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #878787)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #828282)", + "value": "var(--vkui--color_icon_secondary, #76787a)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #717171)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #656565)", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, }, "colorIconWarning": { @@ -446147,21 +482670,21 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71AAEB)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #515151)", + "value": "var(--vkui--color_search_field_background--active, #464748)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #424242)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { @@ -446237,71 +482760,71 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #323232)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #292929)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #323232)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #292929)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #434343)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #333333)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #71AAEB)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { @@ -446329,7 +482852,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "colorStrokePositive": { @@ -446343,7 +482866,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -446363,29 +482886,29 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #7CB1ED)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #77ADEC)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #71AAEB)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { @@ -446405,43 +482928,43 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #343434)", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #222222)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #7CB1ED)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #77ADEC)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #71AAEB)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #9C9C9C)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #979797)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #939393)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { @@ -446475,15 +482998,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #D0D0D0)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #CECECE)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #CCCCCC)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { @@ -446497,7 +483020,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "colorTextPositive": { @@ -446511,7 +483034,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { @@ -446525,91 +483048,91 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E1E3E6)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #434343)", + "value": "var(--vkui--color_text_primary_invariably--active, #141414)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", + "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #333333)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #878787)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #828282)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #979797)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #939393)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #717171)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #656565)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #8C8C8C)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #878787)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #828282)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #FFFFFF)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -446629,43 +483152,43 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #515151)", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #424242)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #636363)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #555555)", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, "colorWriteBarInputBorderAlpha": { @@ -446728,7 +483251,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -446770,7 +483293,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -446812,7 +483335,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -446854,7 +483377,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -446896,7 +483419,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -446938,7 +483461,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -447134,11 +483657,11 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -447162,7 +483685,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -447204,7 +483727,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -447246,17 +483769,17 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 14px)", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 18px)", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -447294,17 +483817,17 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 14px)", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 18px)", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -447352,7 +483875,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -447390,7 +483913,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -447428,17 +483951,17 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -447476,17 +483999,17 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 13px)", + "value": "var(--vkui--font_text--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 16px)", + "value": "var(--vkui--font_text--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -447524,7 +484047,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -447562,7 +484085,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -447600,7 +484123,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -447851,7 +484374,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -448103,7 +484626,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -448177,7 +484700,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, "sizeIconUI": { @@ -448217,11 +484740,11 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 48px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -448279,7 +484802,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 448px)", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, "sizeSearchHeight": { @@ -448347,11 +484870,11 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 10px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -448361,11 +484884,11 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 16px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -448375,11 +484898,11 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 27px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -448434,43 +484957,43 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkComDark)", + "value": "var(--vkui--theme_inherits_from, vkIOSDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteComDark)", + "value": "var(--vkui--theme_name, vkontakteIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteCom)", + "value": "var(--vkui--theme_name_base, vkontakteIOS)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { "active": { "name": "--vkui--vkontakte_background_hover_alpha--active", - "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", }, "hover": { "name": "--vkui--vkontakte_background_hover_alpha--hover", - "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", }, "normal": { "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", }, }, "vkontakteButtonMutedBackground": { "active": { "name": "--vkui--vkontakte_button_muted_background--active", - "value": "var(--vkui--vkontakte_button_muted_background--active, #434343)", + "value": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_button_muted_background--hover", - "value": "var(--vkui--vkontakte_button_muted_background--hover, #3B3B3B)", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #333333)", + "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", }, }, "vkontakteButtonTertiaryBackground": { @@ -448484,7 +485007,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", }, }, "vkontakteButtonTertiaryForeground": { @@ -448518,15 +485041,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorActionSheetSeparatorAlpha": { "active": { "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", }, }, "vkontakteColorAlphaSkeletonShimmerTo": { @@ -448546,85 +485069,85 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorBackgroundKeyboard": { "active": { "name": "--vkui--vkontakte_color_background_keyboard--active", - "value": "var(--vkui--vkontakte_color_background_keyboard--active, #434343)", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_color_background_keyboard--hover", - "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #3B3B3B)", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #333333)", + "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", }, }, "vkontakteColorBackgroundSuggestions": { "active": { "name": "--vkui--vkontakte_color_background_suggestions--active", - "value": "var(--vkui--vkontakte_color_background_suggestions--active, #434343)", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_color_background_suggestions--hover", - "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #3B3B3B)", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #333333)", + "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", }, }, "vkontakteColorBackgroundTextAlpha": { "active": { "name": "--vkui--vkontakte_color_background_text_alpha--active", - "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", }, "hover": { "name": "--vkui--vkontakte_color_background_text_alpha--hover", - "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", }, "normal": { "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", }, }, "vkontakteColorContentPlaceholderIcon": { "active": { "name": "--vkui--vkontakte_color_content_placeholder_icon--active", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B8B8B8)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", }, "hover": { "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #B5B5B5)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", }, "normal": { "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", }, }, "vkontakteColorContentTintForeground": { "active": { "name": "--vkui--vkontakte_color_content_tint_foreground--active", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #9C9C9C)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", }, "hover": { "name": "--vkui--vkontakte_color_content_tint_foreground--hover", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #979797)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", }, "normal": { "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", }, }, "vkontakteColorControlBackground": { "active": { "name": "--vkui--vkontakte_color_control_background--active", - "value": "var(--vkui--vkontakte_color_control_background--active, #636363)", + "value": "var(--vkui--vkontakte_color_control_background--active, #545556)", }, "hover": { "name": "--vkui--vkontakte_color_control_background--hover", - "value": "var(--vkui--vkontakte_color_control_background--hover, #5C5C5C)", + "value": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #555555)", + "value": "var(--vkui--vkontakte_color_control_background, #454647)", }, }, "vkontakteColorControlForeground": { @@ -448644,99 +485167,99 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorControlTintMuted": { "active": { "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #9C9C9C)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", }, "hover": { "name": "--vkui--vkontakte_color_control_tint_muted--hover", - "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #979797)", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", }, "normal": { "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #939393)", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", }, }, "vkontakteColorHeaderSearchFieldBackground": { "active": { "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #515151)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", }, "hover": { "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #4A4A4A)", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #424242)", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", }, }, "vkontakteColorHeaderSearchFieldTint": { "active": { "name": "--vkui--vkontakte_color_header_search_field_tint--active", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B8B8B8)", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", }, "hover": { "name": "--vkui--vkontakte_color_header_search_field_tint--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #B5B5B5)", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", }, "normal": { "name": "--vkui--vkontakte_color_header_search_field_tint", - "value": "var(--vkui--vkontakte_color_header_search_field_tint, #b2b2b2)", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", }, }, "vkontakteColorHeaderTabActiveIndicator": { "active": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #4987D0)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", }, "hover": { "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #4182CE)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", }, "normal": { "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", }, }, "vkontakteColorIconName": { "active": { "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #B8B8B8)", + "value": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", }, "hover": { "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #B5B5B5)", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", }, "normal": { "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #b2b2b2)", + "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", }, }, "vkontakteColorIconOutlineMedium": { "active": { "name": "--vkui--vkontakte_color_icon_outline_medium--active", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B8B8B8)", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", }, "hover": { "name": "--vkui--vkontakte_color_icon_outline_medium--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #B5B5B5)", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", }, "normal": { "name": "--vkui--vkontakte_color_icon_outline_medium", - "value": "var(--vkui--vkontakte_color_icon_outline_medium, #b2b2b2)", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", }, }, "vkontakteColorIconOutlineSecondary": { "active": { "name": "--vkui--vkontakte_color_icon_outline_secondary--active", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #9C9C9C)", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", }, "hover": { "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #979797)", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", }, "normal": { "name": "--vkui--vkontakte_color_icon_outline_secondary", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #939393)", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", }, }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { @@ -448784,29 +485307,29 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorImBubbleIncoming": { "active": { "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #434343)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #3B3B3B)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #333333)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", }, }, "vkontakteColorImBubbleIncomingAlternate": { "active": { "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #434343)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #3B3B3B)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #333333)", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", }, }, "vkontakteColorImBubbleIncomingExpiring": { @@ -448826,15 +485349,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorImBubbleOutgoing": { "active": { "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #636363)", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", }, "hover": { "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #5C5C5C)", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", }, "normal": { "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #555555)", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", }, }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { @@ -448868,71 +485391,71 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorImTextName": { "active": { "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #7CB1ED)", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", }, "hover": { "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #77ADEC)", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", }, "normal": { "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #71AAEB)", + "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", }, }, "vkontakteColorInputBorder": { "active": { "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #636363)", + "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #5C5C5C)", + "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #555555)", + "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", }, }, "vkontakteColorLandingSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", }, "hover": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", }, "normal": { "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, }, "vkontakteColorLoaderBackground": { "active": { "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #636363)", + "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #5C5C5C)", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", }, "normal": { "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #555555)", + "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", }, }, "vkontakteColorLoaderTint": { "active": { "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #8C8C8C)", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", }, "hover": { "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #878787)", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", }, "normal": { "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #828282)", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, }, "vkontakteColorModalCardBorderAlpha": { @@ -448994,29 +485517,29 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorPlaceholderIconForegroundPrimary": { "active": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #9C9C9C)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", }, "hover": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #979797)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", }, "normal": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #939393)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", }, }, "vkontakteColorPlaceholderIconForegroundSecondary": { "active": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #717171)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", }, "hover": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #6B6B6B)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", }, "normal": { "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #656565)", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", }, }, "vkontakteColorPlaceholderIconTint": { @@ -449050,99 +485573,99 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorSearchBarBackground": { "active": { "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #343434)", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #2B2B2B)", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", }, "normal": { "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #222222)", + "value": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", }, }, "vkontakteColorSearchBarFieldTint": { "active": { "name": "--vkui--vkontakte_color_search_bar_field_tint--active", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B8B8B8)", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", }, "hover": { "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #B5B5B5)", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", }, "normal": { "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #b2b2b2)", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", }, }, "vkontakteColorSkeletonShimmerFrom": { "active": { "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #343434)", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", }, "hover": { "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #2B2B2B)", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", }, "normal": { "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #222222)", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", }, }, "vkontakteColorSnippetBackground": { "active": { "name": "--vkui--vkontakte_color_snippet_background--active", - "value": "var(--vkui--vkontakte_color_snippet_background--active, #383838)", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", }, "hover": { "name": "--vkui--vkontakte_color_snippet_background--hover", - "value": "var(--vkui--vkontakte_color_snippet_background--hover, #303030)", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #272727)", + "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", }, }, "vkontakteColorSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", }, "hover": { "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", }, "normal": { "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, }, "vkontakteColorSplashScreenIcon": { "active": { "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #434343)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #3B3B3B)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #333333)", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", }, }, "vkontakteColorStatusBackground": { "active": { "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #343434)", + "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #2B2B2B)", + "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", }, "normal": { "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #222222)", + "value": "var(--vkui--vkontakte_color_status_background, #19191a)", }, }, "vkontakteColorTabbarActiveIcon": { @@ -449162,43 +485685,43 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorTabbarBackground": { "active": { "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #434343)", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #3B3B3B)", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #333333)", + "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", }, }, "vkontakteColorTabbarInactiveIcon": { "active": { "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8C8C8C)", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #878787)", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #828282)", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", }, }, "vkontakteColorTabbarTabletTextSecondary": { "active": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #8C8C8C)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #878787)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #828282)", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", }, }, "vkontakteColorTextName": { @@ -449218,29 +485741,29 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteColorToolbarAttachBackgroundFrom": { "active": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #8C8C8C)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", }, "hover": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #878787)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", }, "normal": { "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #828282)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", }, }, "vkontakteFloatButtonForeground": { "active": { "name": "--vkui--vkontakte_float_button_foreground--active", - "value": "var(--vkui--vkontakte_float_button_foreground--active, #B8B8B8)", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", }, "hover": { "name": "--vkui--vkontakte_float_button_foreground--hover", - "value": "var(--vkui--vkontakte_float_button_foreground--hover, #B5B5B5)", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", }, "normal": { "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #b2b2b2)", + "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", }, }, "vkontakteGradientAquamarineBlue": { @@ -449410,15 +485933,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { "active": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.32))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", }, }, "vkontakteImBubbleGiftBackground": { @@ -449452,15 +485975,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleIncomingAlternateHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #717171)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #6B6B6B)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #656565)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", }, }, "vkontakteImBubbleIncomingExpiringHighlighted": { @@ -449480,43 +486003,43 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteImBubbleIncomingHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #717171)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #6B6B6B)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #656565)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", }, }, "vkontakteImBubbleOutgoingAlternate": { "active": { "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #636363)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #5C5C5C)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #555555)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", }, }, "vkontakteImBubbleOutgoingHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #717171)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #6B6B6B)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #656565)", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", }, }, "vkontakteImReplySeparator": { @@ -449536,57 +486059,57 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "vkontakteImToolbarVoiceMsgBackground": { "active": { "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #636363)", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", }, "hover": { "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #5C5C5C)", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #555555)", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", }, }, "vkontakteLandingBackground": { "active": { "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #343434)", + "value": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #2B2B2B)", + "value": "var(--vkui--vkontakte_landing_background--hover, #222223)", }, "normal": { "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #222222)", + "value": "var(--vkui--vkontakte_landing_background, #19191a)", }, }, "vkontakteLandingSecondaryButtonBackground": { "active": { "name": "--vkui--vkontakte_landing_secondary_button_background--active", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", }, "hover": { "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", }, "normal": { "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", }, }, "vkontakteStoriesSkeletonLoaderBackground": { "active": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #636363)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", }, "hover": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #5C5C5C)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", }, "normal": { "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #555555)", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", }, }, "zIndexModal": { @@ -449600,47 +486123,47 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -449653,14 +486176,14 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -449670,7 +486193,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -449680,7 +486203,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#A94FFF", + "normal": "#a94fff", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -449698,24 +486221,24 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -449728,9 +486251,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -449738,9 +486261,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -449758,9 +486281,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -449770,7 +486293,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -449780,17 +486303,17 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -449798,9 +486321,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -449813,24 +486336,24 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#473315", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -449838,24 +486361,24 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -449863,29 +486386,29 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -449893,29 +486416,29 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { "active": "#EEB663", @@ -449955,12 +486478,12 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -449988,29 +486511,29 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -450020,12 +486543,12 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", @@ -450033,14 +486556,14 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#76787a", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -450048,19 +486571,19 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -450073,54 +486596,54 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -450128,19 +486651,19 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -450155,7 +486678,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -450163,7 +486686,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -450172,7 +486695,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -450180,7 +486703,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -450189,7 +486712,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -450197,7 +486720,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -450243,11 +486766,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -450255,7 +486778,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -450264,11 +486787,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontHeadline": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -450276,11 +486799,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontHeadline1": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -450292,7 +486815,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -450300,7 +486823,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -450308,11 +486831,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontSubhead": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -450320,11 +486843,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontText": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -450332,7 +486855,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -450340,7 +486863,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -450348,7 +486871,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -450421,7 +486944,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -450496,7 +487019,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -450518,7 +487041,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -450530,8 +487053,8 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "48px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -450548,7 +487071,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -450568,16 +487091,16 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -450592,24 +487115,24 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkComDark", - "themeName": "vkontakteComDark", - "themeNameBase": "vkontakteCom", + "themeInheritsFrom": "vkIOSDark", + "themeName": "vkontakteIOSDark", + "themeNameBase": "vkontakteIOS", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", }, "vkontakteButtonMutedBackground": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "normal": "rgba(0, 0, 0, 0.00)", }, "vkontakteButtonTertiaryForeground": { "active": "#E3E5E8", @@ -450622,9 +487145,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "vkontakteColorAlphaSkeletonShimmerTo": { "active": "rgba(255, 255, 255, 0.08)", @@ -450632,34 +487155,34 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorBackgroundSuggestions": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(81, 129, 184, 0.28)", - "hover": "rgba(81, 129, 184, 0.24)", - "normal": "rgba(81, 129, 184, 0.2)", + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorContentTintForeground": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorControlBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteColorControlForeground": { "active": "#E3E5E8", @@ -450667,39 +487190,39 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteColorControlTintMuted": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397dcc", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "vkontakteColorIconName": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorIconOutlineMedium": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorIconOutlineSecondary": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -450717,14 +487240,14 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#E3D3AC", }, "vkontakteColorImBubbleIncoming": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorImBubbleIncomingExpiring": { "active": "#373C5B", @@ -450732,9 +487255,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#262B4D", }, "vkontakteColorImBubbleOutgoing": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { "active": "#6671B9", @@ -450747,29 +487270,29 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.24)", }, "vkontakteColorImTextName": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "vkontakteColorInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteColorLoaderBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorLoaderTint": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -450792,14 +487315,14 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteColorPlaceholderIconTint": { "active": "#D7D8DB", @@ -450812,39 +487335,39 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorSearchBarBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorSearchBarFieldTint": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorSnippetBackground": { - "active": "#383838", - "hover": "#303030", - "normal": "#272727", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteColorSplashScreenIcon": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorStatusBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorTabbarActiveIcon": { "active": "#D7D8DB", @@ -450852,19 +487375,19 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteColorTabbarBackground": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorTabbarInactiveIcon": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorTextName": { "active": "#E3E5E8", @@ -450872,14 +487395,14 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteFloatButtonForeground": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", @@ -450926,9 +487449,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#e1e3e6", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, "vkontakteImBubbleGiftBackground": { "active": "#8F7D5E", @@ -450941,9 +487464,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#ab9871", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#4F588A", @@ -450951,19 +487474,19 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#404980", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImReplySeparator": { "active": "#D7D8DB", @@ -450971,71 +487494,71 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteLandingBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #6AA6EB)", - "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", - "normal": "var(--vkui--color_accent_azure, #5D9EE9)", + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #4987D0)", - "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", - "normal": "var(--vkui--color_accent_blue, #397DCC)", + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #63F2D6)", - "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", - "normal": "var(--vkui--color_accent_cyan, #55F1D2)", + "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #B4BDC7)", - "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", - "normal": "var(--vkui--color_accent_gray, #AEB7C2)", + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #59B959)", "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #CEF978)", - "hover": "var(--vkui--color_accent_lime--hover, #CCF972)", - "normal": "var(--vkui--color_accent_lime, #CAF96C)", + "active": "var(--vkui--color_accent_lime--active, #B5F820)", + "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -451048,14 +487571,14 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F9A1FF)", - "hover": "var(--vkui--color_accent_pink--hover, #F89DFF)", - "normal": "var(--vkui--color_accent_pink, #F899FF)", + "active": "var(--vkui--color_accent_pink--active, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #9C89F6)", - "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", - "normal": "var(--vkui--color_accent_purple, #937FF5)", + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -451065,7 +487588,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", @@ -451075,7 +487598,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #B05DFF)", "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #A94FFF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", @@ -451093,24 +487616,24 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #272727)", - "hover": "var(--vkui--color_background--hover, #1D1D1D)", - "normal": "var(--vkui--color_background, #141414)", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_background_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_background_accent, #71AAEB)", + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", - "normal": "var(--vkui--color_background_accent_alternative, #71AAEB)", + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", - "hover": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", - "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -451123,9 +487646,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #343434)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", - "normal": "var(--vkui--color_background_content, #222222)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -451133,9 +487656,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #434343)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_contrast_inverse, #333333)", + "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -451153,9 +487676,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #3A3A3A)", - "hover": "var(--vkui--color_background_modal--hover, #323232)", - "normal": "var(--vkui--color_background_modal, #292929)", + "active": "var(--vkui--color_background_modal--active, #2E2F30)", + "hover": "var(--vkui--color_background_modal--hover, #252627)", + "normal": "var(--vkui--color_background_modal, #1C1D1E)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -451165,7 +487688,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #FF6969)", "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", @@ -451175,17 +487698,17 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #405140)", - "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", - "normal": "var(--vkui--color_background_positive_tint, #2F422F)", + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #434343)", - "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_secondary, #333333)", + "active": "var(--vkui--color_background_secondary--active, #353536)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_secondary, #232324)", }, "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", @@ -451193,9 +487716,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #3A3A3A)", - "hover": "var(--vkui--color_background_tertiary--hover, #323232)", - "normal": "var(--vkui--color_background_tertiary, #292929)", + "active": "var(--vkui--color_background_tertiary--active, #323233)", + "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", + "normal": "var(--vkui--color_background_tertiary, #202021)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", @@ -451208,24 +487731,24 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #E3E5E8)", - "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_icon, #E1E3E6)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", - "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_stroke, #E1E3E6)", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #E3E5E8)", - "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_text, #E1E3E6)", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -451233,24 +487756,24 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #343434)", - "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", - "normal": "var(--vkui--color_header_background, #222222)", + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_icon_accent, #71AAEB)", + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", @@ -451258,29 +487781,29 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #343434)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", - "normal": "var(--vkui--color_icon_contrast_themed, #222222)", + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #9C9C9C)", - "hover": "var(--vkui--color_icon_medium--hover, #979797)", - "normal": "var(--vkui--color_icon_medium, #939393)", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", @@ -451288,29 +487811,29 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #434343)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", - "normal": "var(--vkui--color_icon_primary_invariably, #333333)", + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #8C8C8C)", - "hover": "var(--vkui--color_icon_secondary--hover, #878787)", - "normal": "var(--vkui--color_icon_secondary, #828282)", + "active": "var(--vkui--color_icon_secondary--active, #818385)", + "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #717171)", - "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_icon_tertiary, #656565)", + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -451350,12 +487873,12 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71AAEB)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #515151)", - "hover": "var(--vkui--color_search_field_background--hover, #4A4A4A)", - "normal": "var(--vkui--color_search_field_background, #424242)", + "active": "var(--vkui--color_search_field_background--active, #464748)", + "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--color_search_field_background, #363738)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -451383,29 +487906,29 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #3A3A3A)", - "hover": "var(--vkui--color_separator_secondary--hover, #323232)", - "normal": "var(--vkui--color_separator_secondary, #292929)", + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "normal": "var(--vkui--color_separator_secondary, #141415)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3A3A3A)", - "hover": "var(--vkui--color_skeleton_from--hover, #323232)", - "normal": "var(--vkui--color_skeleton_from, #292929)", + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #434343)", - "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", - "normal": "var(--vkui--color_skeleton_to, #333333)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_stroke_accent, #71AAEB)", + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -451415,12 +487938,12 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #FF6969)", "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", @@ -451428,14 +487951,14 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_text_accent, #71AAEB)", + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -451443,19 +487966,19 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #343434)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", - "normal": "var(--vkui--color_text_contrast_themed, #222222)", + "active": "var(--vkui--color_text_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link, #71AAEB)", + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #9C9C9C)", - "hover": "var(--vkui--color_text_link_themed--hover, #979797)", - "normal": "var(--vkui--color_text_link_themed, #939393)", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -451468,54 +487991,54 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #D0D0D0)", - "hover": "var(--vkui--color_text_muted--hover, #CECECE)", - "normal": "var(--vkui--color_text_muted, #CCCCCC)", + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #E3E5E8)", "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #E1E3E6)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #434343)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", - "normal": "var(--vkui--color_text_primary_invariably, #333333)", + "active": "var(--vkui--color_text_primary_invariably--active, #141414)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", - "hover": "var(--vkui--color_text_secondary--hover, #878787)", - "normal": "var(--vkui--color_text_secondary, #828282)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", - "hover": "var(--vkui--color_text_subhead--hover, #979797)", - "normal": "var(--vkui--color_text_subhead, #939393)", + "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #717171)", - "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_text_tertiary, #656565)", + "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #8C8C8C)", - "hover": "var(--vkui--color_track_background--hover, #878787)", - "normal": "var(--vkui--color_track_background, #828282)", + "active": "var(--vkui--color_track_background--active, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #D7D8DB)", - "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", - "normal": "var(--vkui--color_track_buffer, #FFFFFF)", + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -451523,19 +488046,19 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", - "hover": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "active": "var(--vkui--color_write_bar_icon--active, #818385)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "normal": "var(--vkui--color_write_bar_icon, #76787a)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #515151)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", - "normal": "var(--vkui--color_write_bar_input_background, #424242)", + "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #636363)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", - "normal": "var(--vkui--color_write_bar_input_border, #555555)", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", @@ -451550,7 +488073,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -451558,7 +488081,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -451567,7 +488090,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -451575,7 +488098,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -451584,7 +488107,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -451592,7 +488115,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -451638,11 +488161,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -451650,7 +488173,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -451659,11 +488182,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -451671,11 +488194,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -451687,7 +488210,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -451695,7 +488218,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -451703,11 +488226,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -451715,11 +488238,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -451727,7 +488250,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -451735,7 +488258,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -451743,7 +488266,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -451816,7 +488339,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -451891,7 +488414,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -451913,7 +488436,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -451925,8 +488448,8 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -451943,7 +488466,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 448px)", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -451963,16 +488486,16 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 10px)", - "regular": "var(--vkui--size_switch_height--regular, 10px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -451987,24 +488510,24 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkComDark)", - "themeName": "var(--vkui--theme_name, vkontakteComDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteCom)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkIOSDark)", + "themeName": "var(--vkui--theme_name, vkontakteIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkontakteIOS)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { - "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", }, "vkontakteButtonMutedBackground": { - "active": "var(--vkui--vkontakte_button_muted_background--active, #434343)", - "hover": "var(--vkui--vkontakte_button_muted_background--hover, #3B3B3B)", - "normal": "var(--vkui--vkontakte_button_muted_background, #333333)", + "active": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", + "normal": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", }, "vkontakteButtonTertiaryBackground": { "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", }, "vkontakteButtonTertiaryForeground": { "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", @@ -452017,9 +488540,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", }, "vkontakteColorActionSheetSeparatorAlpha": { - "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.16))", + "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", }, "vkontakteColorAlphaSkeletonShimmerTo": { "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", @@ -452027,34 +488550,34 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", }, "vkontakteColorBackgroundKeyboard": { - "active": "var(--vkui--vkontakte_color_background_keyboard--active, #434343)", - "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #3B3B3B)", - "normal": "var(--vkui--vkontakte_color_background_keyboard, #333333)", + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", }, "vkontakteColorBackgroundSuggestions": { - "active": "var(--vkui--vkontakte_color_background_suggestions--active, #434343)", - "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #3B3B3B)", - "normal": "var(--vkui--vkontakte_color_background_suggestions, #333333)", + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", }, "vkontakteColorBackgroundTextAlpha": { - "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", - "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", - "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", }, "vkontakteColorContentPlaceholderIcon": { - "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B8B8B8)", - "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #B5B5B5)", - "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", }, "vkontakteColorContentTintForeground": { - "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #9C9C9C)", - "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #979797)", - "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", }, "vkontakteColorControlBackground": { - "active": "var(--vkui--vkontakte_color_control_background--active, #636363)", - "hover": "var(--vkui--vkontakte_color_control_background--hover, #5C5C5C)", - "normal": "var(--vkui--vkontakte_color_control_background, #555555)", + "active": "var(--vkui--vkontakte_color_control_background--active, #545556)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_color_control_background, #454647)", }, "vkontakteColorControlForeground": { "active": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", @@ -452062,39 +488585,39 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", }, "vkontakteColorControlTintMuted": { - "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #9C9C9C)", - "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #979797)", - "normal": "var(--vkui--vkontakte_color_control_tint_muted, #939393)", + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #515151)", - "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #4A4A4A)", - "normal": "var(--vkui--vkontakte_color_header_search_field_background, #424242)", + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B8B8B8)", - "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #B5B5B5)", - "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #b2b2b2)", + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #4987D0)", - "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #4182CE)", - "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", }, "vkontakteColorIconName": { - "active": "var(--vkui--vkontakte_color_icon_name--active, #B8B8B8)", - "hover": "var(--vkui--vkontakte_color_icon_name--hover, #B5B5B5)", - "normal": "var(--vkui--vkontakte_color_icon_name, #b2b2b2)", + "active": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", }, "vkontakteColorIconOutlineMedium": { - "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B8B8B8)", - "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #B5B5B5)", - "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #b2b2b2)", + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", }, "vkontakteColorIconOutlineSecondary": { - "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #9C9C9C)", - "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #979797)", - "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #939393)", + "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", @@ -452112,14 +488635,14 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", }, "vkontakteColorImBubbleIncoming": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #434343)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #3B3B3B)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #333333)", + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #434343)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #3B3B3B)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #333333)", + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", }, "vkontakteColorImBubbleIncomingExpiring": { "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", @@ -452127,9 +488650,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", }, "vkontakteColorImBubbleOutgoing": { - "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #636363)", - "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #5C5C5C)", - "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #555555)", + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", @@ -452142,29 +488665,29 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", }, "vkontakteColorImTextName": { - "active": "var(--vkui--vkontakte_color_im_text_name--active, #7CB1ED)", - "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #77ADEC)", - "normal": "var(--vkui--vkontakte_color_im_text_name, #71AAEB)", + "active": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", }, "vkontakteColorInputBorder": { - "active": "var(--vkui--vkontakte_color_input_border--active, #636363)", - "hover": "var(--vkui--vkontakte_color_input_border--hover, #5C5C5C)", - "normal": "var(--vkui--vkontakte_color_input_border, #555555)", + "active": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.16))", + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, "vkontakteColorLoaderBackground": { - "active": "var(--vkui--vkontakte_color_loader_background--active, #636363)", - "hover": "var(--vkui--vkontakte_color_loader_background--hover, #5C5C5C)", - "normal": "var(--vkui--vkontakte_color_loader_background, #555555)", + "active": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_loader_background, #19191a)", }, "vkontakteColorLoaderTint": { - "active": "var(--vkui--vkontakte_color_loader_tint--active, #8C8C8C)", - "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #878787)", - "normal": "var(--vkui--vkontakte_color_loader_tint, #828282)", + "active": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, "vkontakteColorModalCardBorderAlpha": { "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -452187,14 +488710,14 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #9C9C9C)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #979797)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #939393)", + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #717171)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #6B6B6B)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #656565)", + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", }, "vkontakteColorPlaceholderIconTint": { "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", @@ -452207,39 +488730,39 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", }, "vkontakteColorSearchBarBackground": { - "active": "var(--vkui--vkontakte_color_search_bar_background--active, #343434)", - "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #2B2B2B)", - "normal": "var(--vkui--vkontakte_color_search_bar_background, #222222)", + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", }, "vkontakteColorSearchBarFieldTint": { - "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B8B8B8)", - "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #B5B5B5)", - "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #b2b2b2)", + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #343434)", - "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #2B2B2B)", - "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #222222)", + "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", }, "vkontakteColorSnippetBackground": { - "active": "var(--vkui--vkontakte_color_snippet_background--active, #383838)", - "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #303030)", - "normal": "var(--vkui--vkontakte_color_snippet_background, #272727)", + "active": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", + "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + "normal": "var(--vkui--vkontakte_color_snippet_background, #232324)", }, "vkontakteColorSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.16))", + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, "vkontakteColorSplashScreenIcon": { - "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #434343)", - "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #3B3B3B)", - "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #333333)", + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", }, "vkontakteColorStatusBackground": { - "active": "var(--vkui--vkontakte_color_status_background--active, #343434)", - "hover": "var(--vkui--vkontakte_color_status_background--hover, #2B2B2B)", - "normal": "var(--vkui--vkontakte_color_status_background, #222222)", + "active": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_status_background, #19191a)", }, "vkontakteColorTabbarActiveIcon": { "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", @@ -452247,19 +488770,19 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", }, "vkontakteColorTabbarBackground": { - "active": "var(--vkui--vkontakte_color_tabbar_background--active, #434343)", - "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #3B3B3B)", - "normal": "var(--vkui--vkontakte_color_tabbar_background, #333333)", + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", }, "vkontakteColorTabbarInactiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8C8C8C)", - "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #878787)", - "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #828282)", + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", + "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #8C8C8C)", - "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #878787)", - "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #828282)", + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", }, "vkontakteColorTextName": { "active": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", @@ -452267,14 +488790,14 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #8C8C8C)", - "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #878787)", - "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #828282)", + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", }, "vkontakteFloatButtonForeground": { - "active": "var(--vkui--vkontakte_float_button_foreground--active, #B8B8B8)", - "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #B5B5B5)", - "normal": "var(--vkui--vkontakte_float_button_foreground, #b2b2b2)", + "active": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", @@ -452321,9 +488844,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.32))", - "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.28))", - "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.24))", + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", }, "vkontakteImBubbleGiftBackground": { "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", @@ -452336,9 +488859,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #717171)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #6B6B6B)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #656565)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", @@ -452346,19 +488869,19 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #717171)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #6B6B6B)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #656565)", + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #636363)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #5C5C5C)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #555555)", + "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #717171)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #6B6B6B)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #656565)", + "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", }, "vkontakteImReplySeparator": { "active": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", @@ -452366,71 +488889,71 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #636363)", - "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #5C5C5C)", - "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #555555)", + "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", + "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", }, "vkontakteLandingBackground": { - "active": "var(--vkui--vkontakte_landing_background--active, #343434)", - "hover": "var(--vkui--vkontakte_landing_background--hover, #2B2B2B)", - "normal": "var(--vkui--vkontakte_landing_background, #222222)", + "active": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_landing_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_landing_background, #19191a)", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.24))", - "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.2))", - "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))", + "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #636363)", - "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #5C5C5C)", - "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #555555)", + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -452443,14 +488966,14 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -452460,7 +488983,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -452470,7 +488993,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#A94FFF", + "normal": "#a94fff", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -452488,24 +489011,24 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -452518,9 +489041,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -452528,9 +489051,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -452548,9 +489071,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -452560,7 +489083,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -452570,17 +489093,17 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -452588,9 +489111,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -452603,24 +489126,24 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#473315", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -452628,24 +489151,24 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -452653,29 +489176,29 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -452683,29 +489206,29 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { "active": "#EEB663", @@ -452745,12 +489268,12 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -452778,29 +489301,29 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -452810,12 +489333,12 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", @@ -452823,14 +489346,14 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#76787a", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -452838,19 +489361,19 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -452863,54 +489386,54 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -452918,19 +489441,19 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -452945,7 +489468,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -452953,7 +489476,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -452962,7 +489485,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -452970,7 +489493,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -452979,7 +489502,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -452987,7 +489510,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -453033,11 +489556,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -453045,7 +489568,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -453054,11 +489577,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontHeadline": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -453066,11 +489589,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontHeadline1": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -453082,7 +489605,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -453090,7 +489613,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -453098,11 +489621,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontSubhead": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -453110,11 +489633,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontText": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -453122,7 +489645,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -453130,7 +489653,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -453138,7 +489661,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -453211,7 +489734,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -453286,7 +489809,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -453308,7 +489831,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -453320,8 +489843,8 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 48, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -453338,7 +489861,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -453358,16 +489881,16 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -453382,24 +489905,24 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkComDark", - "themeName": "vkontakteComDark", - "themeNameBase": "vkontakteCom", + "themeInheritsFrom": "vkIOSDark", + "themeName": "vkontakteIOSDark", + "themeNameBase": "vkontakteIOS", "themeType": "root", "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", }, "vkontakteButtonMutedBackground": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "normal": "rgba(0, 0, 0, 0.00)", }, "vkontakteButtonTertiaryForeground": { "active": "#E3E5E8", @@ -453412,9 +489935,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "vkontakteColorAlphaSkeletonShimmerTo": { "active": "rgba(255, 255, 255, 0.08)", @@ -453422,34 +489945,34 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "transparent", }, "vkontakteColorBackgroundKeyboard": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorBackgroundSuggestions": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(81, 129, 184, 0.28)", - "hover": "rgba(81, 129, 184, 0.24)", - "normal": "rgba(81, 129, 184, 0.2)", + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorContentTintForeground": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorControlBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteColorControlForeground": { "active": "#E3E5E8", @@ -453457,39 +489980,39 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#e1e3e6", }, "vkontakteColorControlTintMuted": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397dcc", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "vkontakteColorIconName": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorIconOutlineMedium": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorIconOutlineSecondary": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "rgba(0, 0, 0, 0.08)", @@ -453507,14 +490030,14 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#E3D3AC", }, "vkontakteColorImBubbleIncoming": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorImBubbleIncomingExpiring": { "active": "#373C5B", @@ -453522,9 +490045,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#262B4D", }, "vkontakteColorImBubbleOutgoing": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { "active": "#6671B9", @@ -453537,29 +490060,29 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.24)", }, "vkontakteColorImTextName": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "vkontakteColorInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteColorLoaderBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorLoaderTint": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorModalCardBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -453582,14 +490105,14 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#e1e3e6", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteColorPlaceholderIconTint": { "active": "#D7D8DB", @@ -453602,39 +490125,39 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteColorSearchBarBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorSearchBarFieldTint": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorSnippetBackground": { - "active": "#383838", - "hover": "#303030", - "normal": "#272727", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteColorSplashScreenIcon": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorStatusBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorTabbarActiveIcon": { "active": "#D7D8DB", @@ -453642,19 +490165,19 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteColorTabbarBackground": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorTabbarInactiveIcon": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorTextName": { "active": "#E3E5E8", @@ -453662,14 +490185,14 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#e1e3e6", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteFloatButtonForeground": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#b2b2b2", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", @@ -453716,9 +490239,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#e1e3e6", }, "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, "vkontakteImBubbleGiftBackground": { "active": "#8F7D5E", @@ -453731,9 +490254,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#ab9871", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": "#4F588A", @@ -453741,19 +490264,19 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#404980", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImReplySeparator": { "active": "#D7D8DB", @@ -453761,31 +490284,31 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteLandingBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots widgets theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -453805,7 +490328,17 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, "colorAccentAzure": { "active": { @@ -453824,85 +490357,85 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", + "value": "var(--vkui--color_accent_green--active, #0CB465)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #0DC268)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #B8FC75)", }, }, "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FF9E00)", }, }, "colorAccentOrangeFire": { @@ -453916,7 +490449,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", }, }, "colorAccentOrangePeach": { @@ -453936,29 +490469,29 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #FF3985)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -453972,77 +490505,77 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, }, "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", }, "normal": { "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", }, }, "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #C15DF3)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", }, "hover": { "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -454062,85 +490595,127 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "value": "var(--vkui--color_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #FFFFFF)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "value": "var(--vkui--color_background_accent_tint--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #0077FF)", + }, + }, + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, + }, + "colorBackgroundAccentTintThemed": { + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -454154,7 +490729,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContrast": { @@ -454168,21 +490743,21 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #ffffff)", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -454196,7 +490771,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundContrastThemed": { @@ -454216,15 +490791,15 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", }, }, "colorBackgroundModal": { @@ -454244,211 +490819,407 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #303030)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + }, + }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, + }, + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #FAEBEB)", + }, + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", + "value": "var(--vkui--color_background_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #0DC268)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + }, + }, + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", + }, + }, + "colorBackgroundPositiveTintThemed": { + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", + }, + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #FFF1AD)", + }, + }, + "colorBackgroundWarningTint": { + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", + }, + }, + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, + }, + "colorBackgroundWarningTintThemed": { + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, + }, + "colorButtonContrast": { + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", + }, + }, + "colorButtonContrastAlpha": { + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #ffffff)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "colorHeaderBackground": { @@ -454462,35 +491233,35 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #ffffff)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #0077FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #0077FF)", }, }, "colorIconContrast": { @@ -454504,7 +491275,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #ffffff)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { @@ -454518,7 +491289,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, }, "colorIconContrastThemed": { @@ -454532,63 +491303,63 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #858992)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #919399)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ED330A)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #0DC268)", }, }, "colorIconPrimary": { @@ -454602,7 +491373,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", }, }, "colorIconPrimaryInvariably": { @@ -454616,119 +491387,119 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #F59802)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "value": "var(--vkui--color_icon_warning, #FF9E00)", }, }, "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, }, "colorLinkContrast": { @@ -454742,7 +491513,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #ffffff)", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", }, }, "colorOverlayPrimary": { @@ -454756,7 +491527,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -454776,29 +491547,43 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, "colorSegmentedControl": { @@ -454812,133 +491597,133 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #ffffff)", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #DADCE0)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #0077FF)", }, }, "colorStrokeContrast": { @@ -454952,35 +491737,35 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #ffffff)", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, }, "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ED330A)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, "colorTabbarTextInactive": { @@ -454994,35 +491779,35 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #0077FF)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_text_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_text_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #0077FF)", }, }, "colorTextContrast": { @@ -455036,7 +491821,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, "colorTextContrastThemed": { @@ -455050,35 +491835,35 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #006FEF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #0073F7)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #0077FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "value": "var(--vkui--color_text_link_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #0077FF)", }, }, "colorTextLinkTint": { @@ -455092,21 +491877,21 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "value": "var(--vkui--color_text_link_visited--active, #4B85D2)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #528FDF)", }, }, "colorTextMuted": { @@ -455120,133 +491905,259 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #2C2D2E)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ED330A)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", + "value": "var(--vkui--color_text_positive--active, #0CB465)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #0DC268)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #2C2D2E)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #87898F)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #797A80)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + }, + "colorThumbErrorBackgroundAlpha": { + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + }, + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + }, + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, + }, + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + }, + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + }, + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + }, + "colorTooltipTextGreenThemed": { + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + }, + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, + }, + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #DADCE0)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #83AAEA)", }, }, "colorTransparent": { @@ -455266,29 +492177,29 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", }, "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, #F0F1F3)", }, }, "colorWriteBarInputBorder": { @@ -455302,21 +492213,21 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "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)", }, }, "colorWriteBarInputBorderAlpha": { "active": { "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", }, "hover": { "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, }, "colorsScheme": { @@ -455325,23 +492236,23 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "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))", + "value": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "value": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", }, "fontCaption1": { "auto": { @@ -455365,7 +492276,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -455377,7 +492288,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, }, @@ -455395,6 +492306,10 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight", "value": "var(--vkui--font_caption1_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height", "value": "var(--vkui--font_caption1_caps--line_height)", @@ -455407,7 +492322,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -455415,11 +492330,15 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", }, "textTransform": { "name": "--vkui--font_caption1_caps--text_transform--regular", @@ -455449,7 +492368,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -455479,6 +492398,10 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight", "value": "var(--vkui--font_caption2_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height", "value": "var(--vkui--font_caption2_caps--line_height)", @@ -455491,7 +492414,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -455499,7 +492422,11 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height--regular", @@ -455533,7 +492460,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -455563,6 +492490,10 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight", "value": "var(--vkui--font_caption3_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height", "value": "var(--vkui--font_caption3_caps--line_height)", @@ -455575,7 +492506,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -455583,7 +492514,11 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height--regular", @@ -455617,7 +492552,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -455625,7 +492560,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title1--line_height--regular", @@ -455655,7 +492590,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -455663,17 +492598,17 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--compact", - "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -455681,7 +492616,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--regular", @@ -455711,7 +492646,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -455719,7 +492654,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title3--line_height--regular", @@ -455749,7 +492684,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -455757,25 +492692,25 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -455799,7 +492734,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -455811,7 +492746,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, }, @@ -455829,6 +492764,10 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight", "value": "var(--vkui--font_footnote_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height", "value": "var(--vkui--font_footnote_caps--line_height)", @@ -455841,7 +492780,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -455851,9 +492790,13 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight--regular", "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", }, "textTransform": { "name": "--vkui--font_footnote_caps--text_transform--regular", @@ -455861,6 +492804,150 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, }, }, + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + }, + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + }, + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, + }, "fontHeadline": { "auto": { "fontFamily": { @@ -455893,7 +492980,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -455941,7 +493028,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -455989,7 +493076,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -456027,7 +493114,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -456069,13 +493156,13 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -456123,7 +493210,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -456161,7 +493248,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -456169,7 +493256,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 600)", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title1--line_height--regular", @@ -456199,7 +493286,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -456207,11 +493294,11 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 600)", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", }, }, }, @@ -456237,7 +493324,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -456245,7 +493332,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 600)", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title3--line_height--regular", @@ -456255,7 +493342,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeightAccent1": { "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 600)", + "value": "var(--vkui--font_weight_accent1, 500)", }, "fontWeightAccent2": { "name": "--vkui--font_weight_accent2", @@ -456267,11 +493354,11 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "fontWeightBase1": { "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 600)", + "value": "var(--vkui--font_weight_base1, 700)", }, "fontWeightBase2": { "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 500)", + "value": "var(--vkui--font_weight_base2, 700)", }, "fontWeightBase3": { "name": "--vkui--font_weight_base3", @@ -456287,7 +493374,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -456295,7 +493382,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "opacityDisable": { "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "value": "var(--vkui--opacity_disable, 0.48)", }, "opacityDisableAccessibility": { "name": "--vkui--opacity_disable_accessibility", @@ -456311,6 +493398,16 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow--regular, 8px)", }, }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, + }, "sizeArrowPadding": { "auto": { "name": "--vkui--size_arrow_padding", @@ -456331,6 +493428,26 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, + }, + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + }, "sizeAvatarL": { "auto": { "name": "--vkui--size_avatar_l", @@ -456431,6 +493548,34 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, + }, + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, + }, "sizeBasePaddingHorizontal": { "auto": { "name": "--vkui--size_base_padding_horizontal", @@ -456438,7 +493583,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -456488,7 +493633,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -456521,6 +493666,56 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + }, + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + }, + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + }, + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + }, + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + }, "sizeButtonBaseLargePaddingHorizontal": { "auto": { "name": "--vkui--size_button_base_large_padding_horizontal", @@ -456611,6 +493806,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + }, "sizeButtonLargeHeight": { "auto": { "name": "--vkui--size_button_large_height", @@ -456649,1583 +493858,977 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", - }, - }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", - }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", - }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", - }, - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", - }, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", - }, - }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", - }, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", - }, - }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", - }, - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", - }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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, 10px)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", - }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", - }, - }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, - }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", - }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", - }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", - }, - }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", - }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, - }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", - }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", - }, - }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", - }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", - }, - }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", - }, - "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", - }, - }, - "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", - }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", - }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", - }, - }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", - }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 20px)", - }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", - }, - }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", - }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 16px)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", - }, - }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", - }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", - }, - }, - "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", - }, - "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", - }, - }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", - }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", - }, - }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", - }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", - }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", - }, - }, - "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", - }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", - }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", - }, - }, - "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", - }, - }, - "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", - }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", - }, - }, - "sizeSubnavigationBarPaddingVertical": { + "sizeButtonMorePadding": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "sizeSwitchHeight": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", }, "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "sizeSwitchPin": { + "sizeButtonSliderHeight": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", - }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "sizeSwitchWidth": { + "sizeButtonSliderWidth": { "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", - }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "sizeTooltipMargin": { + "sizeButtonSliderWidthPointer": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", - }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", - }, - }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", - }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", - }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", - }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", - }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", - }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", - }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", - }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", - }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", - }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkIOS)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteIOS)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteIOS)", - }, - "themeType": "cssVars", - "vkontakteBackgroundHoverAlpha": { - "active": { - "name": "--vkui--vkontakte_background_hover_alpha--active", - "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", - }, - "hover": { - "name": "--vkui--vkontakte_background_hover_alpha--hover", - "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", - }, - }, - "vkontakteButtonMutedBackground": { - "active": { - "name": "--vkui--vkontakte_button_muted_background--active", - "value": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--vkontakte_button_muted_background--hover", - "value": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", - }, - }, - "vkontakteButtonTertiaryBackground": { - "active": { - "name": "--vkui--vkontakte_button_tertiary_background--active", - "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", - }, - "hover": { - "name": "--vkui--vkontakte_button_tertiary_background--hover", - "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", - }, - }, - "vkontakteButtonTertiaryForeground": { - "active": { - "name": "--vkui--vkontakte_button_tertiary_foreground--active", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", - }, - "hover": { - "name": "--vkui--vkontakte_button_tertiary_foreground--hover", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", - }, - }, - "vkontakteColorAccentAlternate": { - "active": { - "name": "--vkui--vkontakte_color_accent_alternate--active", - "value": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_accent_alternate--hover", - "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", - }, - "normal": { - "name": "--vkui--vkontakte_color_accent_alternate", - "value": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", - }, - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", - }, - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(0, 16, 61, 0.04))", - }, - "normal": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", - }, - }, - "vkontakteColorBackgroundKeyboard": { - "active": { - "name": "--vkui--vkontakte_color_background_keyboard--active", - "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--vkontakte_color_background_keyboard--hover", - "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", - }, - }, - "vkontakteColorBackgroundSuggestions": { - "active": { - "name": "--vkui--vkontakte_color_background_suggestions--active", - "value": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_background_suggestions--hover", - "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", - }, - }, - "vkontakteColorBackgroundTextAlpha": { - "active": { - "name": "--vkui--vkontakte_color_background_text_alpha--active", - "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", - }, - "hover": { - "name": "--vkui--vkontakte_color_background_text_alpha--hover", - "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", - }, - "normal": { - "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", - }, - }, - "vkontakteColorContentPlaceholderIcon": { - "active": { - "name": "--vkui--vkontakte_color_content_placeholder_icon--active", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, - "normal": { - "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "vkontakteColorContentTintForeground": { - "active": { - "name": "--vkui--vkontakte_color_content_tint_foreground--active", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_content_tint_foreground--hover", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, - "normal": { - "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "vkontakteColorControlBackground": { - "active": { - "name": "--vkui--vkontakte_color_control_background--active", - "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", - }, - "hover": { - "name": "--vkui--vkontakte_color_control_background--hover", - "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "vkontakteColorControlForeground": { - "active": { - "name": "--vkui--vkontakte_color_control_foreground--active", - "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", - }, - "hover": { - "name": "--vkui--vkontakte_color_control_foreground--hover", - "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "vkontakteColorControlTintMuted": { - "active": { - "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", - }, - "hover": { - "name": "--vkui--vkontakte_color_control_tint_muted--hover", - "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": { - "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", - }, - "hover": { - "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "vkontakteColorHeaderSearchFieldTint": { - "active": { - "name": "--vkui--vkontakte_color_header_search_field_tint--active", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", - }, - "hover": { - "name": "--vkui--vkontakte_color_header_search_field_tint--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_tint", - "value": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", - }, - "hover": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "vkontakteColorIconName": { - "active": { - "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", - }, - "hover": { - "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "vkontakteColorIconOutlineMedium": { - "active": { - "name": "--vkui--vkontakte_color_icon_outline_medium--active", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", - }, - "hover": { - "name": "--vkui--vkontakte_color_icon_outline_medium--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_medium", - "value": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "vkontakteColorIconOutlineSecondary": { - "active": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--active", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_secondary", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "vkontakteColorImBubbleGiftText": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "vkontakteColorImBubbleIncoming": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", }, }, - "vkontakteColorImBubbleOutgoing": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", }, }, - "vkontakteColorImForwardLineAlpha": { - "active": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "vkontakteColorImTextName": { - "active": { - "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, }, - "vkontakteColorInputBorder": { - "active": { - "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", - }, - "hover": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, }, - "vkontakteColorLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", - }, - "hover": { - "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "vkontakteColorLoaderTint": { - "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", }, - "hover": { - "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", }, - "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", }, }, - "vkontakteColorModalCardBorderAlpha": { - "active": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", - }, - "hover": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(0, 0, 0, 0.04))", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "vkontakteColorModalCardHeaderClose": { - "active": { - "name": "--vkui--vkontakte_color_modal_card_header_close--active", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", - }, - "hover": { - "name": "--vkui--vkontakte_color_modal_card_header_close--hover", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", + }, + "sizeHeaderIcon": { + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "vkontakteColorMusicPlaybackIcon": { - "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_music_playback_icon--hover", - "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_music_playback_icon", - "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, - "vkontakteColorPanelTabActiveText": { - "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + "sizeIconMorePadding": { + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", - }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "vkontakteColorPlaceholderIconTint": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", - }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "vkontakteColorPollOptionBackground": { - "active": { - "name": "--vkui--vkontakte_color_poll_option_background--active", - "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", - }, - "hover": { - "name": "--vkui--vkontakte_color_poll_option_background--hover", - "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", }, - "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "vkontakteColorSearchBarBackground": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "vkontakteColorSearchBarFieldTint": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--active", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", - }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "vkontakteColorSkeletonShimmerFrom": { - "active": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "vkontakteColorSnippetBackground": { - "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_background--hover", - "value": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "vkontakteColorSnippetBorderAlpha": { - "active": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", - }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "vkontakteColorSplashScreenIcon": { - "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "vkontakteColorStatusBackground": { - "active": { - "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", - }, - "hover": { - "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, - "vkontakteColorTabbarActiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", - }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "vkontakteColorTabbarBackground": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "vkontakteColorTabbarInactiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, - "vkontakteColorTextName": { - "active": { - "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", - }, - "hover": { - "name": "--vkui--vkontakte_color_text_name--hover", - "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", }, }, - "vkontakteFloatButtonForeground": { - "active": { - "name": "--vkui--vkontakte_float_button_foreground--active", - "value": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_float_button_foreground--hover", - "value": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", - }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", - }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", - }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", - }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", - }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", - }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", - }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", - }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", - }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", - }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", - }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", - }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", - }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", - }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", - }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", - }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", - }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", - }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", - }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", - }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", - }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", - }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", - }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", - }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", - }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", - }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", - }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", - }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", - }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", - }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", - }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", - }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", - }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, }, - "vkontakteImAttachTint": { - "active": { - "name": "--vkui--vkontakte_im_attach_tint--active", - "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", }, - "hover": { - "name": "--vkui--vkontakte_im_attach_tint--hover", - "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, - "normal": { - "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, }, - "vkontakteImBubbleButtonForeground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_button_foreground--active", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", }, }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": { - "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "vkontakteImBubbleGiftBackground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_gift_background--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background", - "value": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + "sizeSliceTopPadding": { + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "vkontakteImBubbleIncomingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "vkontakteImBubbleOutgoingAlternate": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "vkontakteImReplySeparator": { - "active": { - "name": "--vkui--vkontakte_im_reply_separator--active", - "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", + "sizeTabMargin": { + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", }, - "hover": { - "name": "--vkui--vkontakte_im_reply_separator--hover", - "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + }, + "sizeTabPadding": { + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", }, }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + "sizeTableHorizontalPadding": { + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", }, - "hover": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, + "sizeTableVerticalPadding": { + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, }, - "vkontakteLandingBackground": { - "active": { - "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + "sizeTagMargin": { + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", }, - "hover": { - "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, + "sizeTagPadding": { + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", }, }, - "vkontakteLandingSecondaryButtonBackground": { - "active": { - "name": "--vkui--vkontakte_landing_secondary_button_background--active", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", + "sizeTipMargin": { + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", }, - "hover": { - "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", }, - "normal": { - "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", + "sizeVerticalPadding": { + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", }, - "hover": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", }, - "normal": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + }, + "sizeWysiwygIcon": { + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, widgets)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, paradigmBase)", + }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", + }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", + }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", + }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", + }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", + }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", + }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", + }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", + }, + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + }, + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + }, + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", + }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", + }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", + }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", + }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", + }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", + }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", + }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", + }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", + }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", + }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", + }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", + }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", + }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", + }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -458237,52 +494840,62 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots widgets theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { "active": "#DD5643", "hover": "#E65944", - "normal": "#f05c44", + "normal": "#F05C44", }, "colorAccentOrangePeach": { "active": "#E5A84E", @@ -458290,44 +494903,44 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#e03fab", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -458335,54 +494948,69 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -458390,9 +495018,9 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { "active": "#EBECEF", @@ -458400,189 +495028,259 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTint": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorButtonContrast": { + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0077FF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", "hover": "#E8EAEE", - "normal": "#f2f3f5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -458590,174 +495288,224 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextLinkTint": { "active": "#689EDD", "hover": "#6CA4E4", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", + }, + "colorTextNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", + }, + "colorTextPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "colorTextSubhead": { + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", + }, + "colorTextTertiary": { + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", }, - "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", }, - "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", }, - "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", }, - "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", }, - "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", }, - "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", }, - "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -458765,51 +495513,52 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", "hover": "#D8DBDF", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", - "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", - "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", - "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", - "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -458817,16 +495566,17 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -458834,78 +495584,116 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "23px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "fontWeight": 500, + "lineHeight": "22px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "21px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "19px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "lineHeight": "16px", + "letterSpacing": "0.3px", + "lineHeight": "18px", "textTransform": "uppercase", }, }, + "fontH0": { + "compact": { + "fontSize": "44px", + "lineHeight": "52px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontH1": { + "compact": { + "fontSize": "32px", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, "fontHeadline": { "compact": { "fontSize": "15px", "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -458917,7 +495705,7 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -458929,7 +495717,7 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -458937,7 +495725,7 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -458946,10 +495734,10 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "fontSubhead": { "compact": { "fontSize": "13px", - "lineHeight": "16px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -458961,7 +495749,7 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -458969,49 +495757,58 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "22px", }, }, - "fontWeightAccent1": 600, + "fontWeightAccent1": 500, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, + "fontWeightBase1": 700, + "fontWeightBase2": 700, "fontWeightBase3": 400, "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, + "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": "8px", }, + "sizeArrowHeight": { + "regular": "8px", + }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, "sizeAvatarL": { "regular": "96px", }, @@ -459042,9 +495839,17 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeBadgeXS": { "regular": "12px", }, - "sizeBasePaddingHorizontal": { + "sizeBase": "4px", + "sizeBaseMargin": { "regular": "12px", }, + "sizeBasePadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, "sizeBasePaddingVertical": { "regular": "12px", }, @@ -459058,7 +495863,7 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -459069,6 +495874,21 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusRounded": { "regular": "48px", }, + "sizeBorderWidthAccent": { + "regular": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -459096,6 +495916,10 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeButtonGroupGapSpace": { "regular": "1px", }, + "sizeButtonIconPadding": { + "compact": "20px", + "regular": "16px", + }, "sizeButtonLargeHeight": { "compact": "36px", "regular": "44px", @@ -459107,9 +495931,22 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeButtonMinimumWidth": { "regular": "80px", }, + "sizeButtonMorePadding": { + "regular": "8px", + }, "sizeButtonPaddingHorizontal": { + "compact": "16px", + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { "regular": "12px", }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, "sizeButtonSmallHeight": { "compact": "28px", "regular": "30px", @@ -459133,10 +495970,10 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "8px", + "regular": "12px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -459147,53 +495984,143 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeCheckbox": { "regular": "16px", }, + "sizeChoiceMargin": { + "regular": "8px", + }, + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", + }, "sizeFieldHeight": { "compact": "36px", "regular": "44px", }, + "sizeFieldHorizontalMargin": { + "regular": "20px", + }, "sizeFieldHorizontalPadding": { "regular": "12px", }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "regular": "24px", + }, + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", + }, "sizeFormItemPaddingVertical": { "regular": "12px", }, + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", + }, "sizeIconUI": { "regular": "16px", }, + "sizeIllustrationL": { + "regular": "144px", + }, + "sizeIllustrationM": { + "regular": "96px", + }, + "sizeIllustrationS": { + "regular": "48px", + }, + "sizeIllustrationXM": { + "regular": "72px", + }, + "sizeIllustrationXXL": { + "regular": "228px", + }, "sizeLabelHorizontalMargin": { "regular": "16px", }, + "sizeLabelVerticalMargin": { + "regular": "4px", + }, + "sizeLabelWidth": { + "regular": "184px", + }, + "sizeMenuMargin": { + "regular": "2px", + }, + "sizeMenuPadding": { + "regular": "8px", + }, "sizeOptionHierarchy": { "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": "32px", + "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { "regular": "880px", }, + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", + }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { + "regular": "12px", + }, + "sizePromoButtonClose": { + "regular": "32px", + }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": "6px", + "regular": "7px", + }, + "sizeSliceBottomPadding": { + "regular": "60px", + }, + "sizeSliceTopPadding": { + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { "regular": "16px", @@ -459205,20 +496132,47 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", + }, + "sizeTabMargin": { + "regular": "8px", + }, + "sizeTabPadding": { + "regular": "16px", + }, + "sizeTableHorizontalPadding": { + "regular": "16px", + }, + "sizeTableVerticalPadding": { + "regular": "16px", + }, + "sizeTagMargin": { + "regular": "8px", + }, + "sizeTagPadding": { + "regular": "8px", + }, + "sizeTipMargin": { + "regular": "4px", }, "sizeTooltipMargin": { "regular": "8px", }, + "sizeVerticalPadding": { + "regular": "0px", + }, + "sizeWysiwygIcon": { + "regular": "14px", + }, "spacingSize2Xl": "16px", "spacingSize2Xs": "2px", "spacingSize3Xl": "20px", @@ -459229,455 +496183,96 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkIOS", - "themeName": "vkontakteIOS", - "themeNameBase": "vkontakteIOS", + "themeName": "widgets", + "themeNameBase": "paradigmBase", "themeType": "pixelify", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", - }, - "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", - }, - "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteColorAccentAlternate": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "vkontakteColorBackgroundSuggestions": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", - }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", - }, - "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", - }, - "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", - }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", - }, - "vkontakteColorIconOutlineMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "vkontakteColorIconOutlineSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", - }, - "vkontakteColorImBubbleGiftText": { - "active": "#7A6A4E", - "hover": "#806E4F", - "normal": "#857250", - }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#9D8D6D", - "hover": "#A4936F", - "normal": "#AB9871", - }, - "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", - }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#D4D8EF", - "hover": "#DDE0F7", - "normal": "#E6E9FF", - }, - "vkontakteColorImBubbleOutgoing": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#CCE4FF", - }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#9FABEF", - "hover": "#A6B1F7", - "normal": "#ADB8FF", - }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", - }, - "vkontakteColorImTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", - }, - "vkontakteColorInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", - }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "vkontakteColorLoaderBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorLoaderTint": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", - }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", - }, - "vkontakteColorModalCardHeaderClose": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteColorMusicPlaybackIcon": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteColorPanelTabActiveText": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", - }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#aeb7c2", - }, - "vkontakteColorPlaceholderIconTint": { - "active": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", - }, - "vkontakteColorPollOptionBackground": { - "active": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", - }, - "vkontakteColorSearchBarBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorSearchBarFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorSnippetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", - }, - "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", - }, - "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", - }, - "vkontakteFloatButtonForeground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", - "vkontakteGradientBlue": "#66CCFF, #3F8AE0", - "vkontakteGradientCandy": "#FF99CC, #E52E6A", - "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", - "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", - "vkontakteGradientEmerald": "#00D948, #0D8046", - "vkontakteGradientFrost": "#4FA0FF, #016CEA", - "vkontakteGradientGray": "#C1CAD6, #878F99", - "vkontakteGradientGreen": "#6CD97E, #12B312", - "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", - "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", - "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", - "vkontakteGradientLavender": "#928FFF, #4B47B2", - "vkontakteGradientMable": "#D9F4FF, #D9F4FF", - "vkontakteGradientMarine": "#2EE54D, #0D7EFF", - "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", - "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", - "vkontakteGradientOrange": "#FFBF80, #E66B2E", - "vkontakteGradientPink": "#FF8880, #E62E6B", - "vkontakteGradientPurple": "#A393F5, #735CE6", - "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", - "vkontakteGradientRed": "#FF7583, #E62E40", - "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", - "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", - "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", - "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", - "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", - "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", - "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", - "vkontakteGradientViolet": "#D3A6FF, #903FE0", - "vkontakteGradientWarmValentine": "#F3386A, #FF819E", - "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", - "vkontakteGradientYellow": "#FFC44D, #F07300", - "vkontakteGradientYellowBright": "#FFD54F, #E7A902", - "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteImBubbleButtonForeground": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.68)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "rgba(255, 255, 255, 0.60)", - }, - "vkontakteImBubbleGiftBackground": { - "active": "#E0D6B8", - "hover": "#EADEBE", - "normal": "#f4e7c3", - }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#D1C3A3", - "hover": "#DACBA8", - "normal": "#e3d3ac", - }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#BCC3EF", - "hover": "#C4CBF7", - "normal": "#ccd3ff", - }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", - }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#9FC3EF", - "hover": "#A6CBF7", - "normal": "#add3ff", - }, - "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteLandingBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(0, 57, 115, 0.18)", - "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", - }, + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots widgets theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #006FEF)", "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", - "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #96A0AE)", - "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A1E511)", - "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "active": "var(--vkui--color_accent_lime--active, #A9E971)", + "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", @@ -459685,44 +496280,44 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": "var(--vkui--color_accent_pink--active, #EB367F)", + "hover": "var(--vkui--color_accent_pink--hover, #F53782)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", - "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", - "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", - "hover": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", - "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", - "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -459730,54 +496325,69 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #237EDD)", - "hover": "var(--vkui--color_background_accent--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent, #2688eb)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "var(--vkui--color_background_accent_tint--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_tint, #0077FF)", + }, + "colorBackgroundAccentTintAlpha": { + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + }, + "colorBackgroundAccentTintThemed": { + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #ffffff)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", @@ -459785,9 +496395,9 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #CCDCEF)", - "hover": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", - "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", + "active": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "hover": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "normal": "var(--vkui--color_background_info_tint, #f0f4ff)", }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", @@ -459795,189 +496405,259 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", - "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "active": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2E2F31)", + "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + }, + "colorBackgroundNegativeTintThemed": { + "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #FAEBEB)", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_background_positive, #0DC268)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, - "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", - "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "colorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "colorBackgroundPositiveTintThemed": { + "active": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", + "normal": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, - "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "colorBackgroundPositiveTintThemedAlpha": { + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(13, 194, 104, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(13, 194, 104, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", + }, + "colorBackgroundWarningTint": { + "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint, #fffce0)", + }, + "colorBackgroundWarningTintAlpha": { + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorBackgroundWarningTintThemed": { + "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "normal": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + }, + "colorButtonContrast": { + "active": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "hover": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "normal": "var(--vkui--color_button_contrast, #FFFFFF)", + }, + "colorButtonContrastAlpha": { + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #ffffff)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #ffffff)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #0077FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077FF)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #ffffff)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", - "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "active": "var(--vkui--color_icon_negative--active, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330A)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #45A64A)", - "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #282B2F)", "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EB9305)", + "hover": "var(--vkui--color_icon_warning--hover, #F59802)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #ffffff)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -459985,174 +496665,224 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", - "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", + }, + "colorRating": { + "active": "var(--vkui--color_rating--active, #EBC405)", + "hover": "var(--vkui--color_rating--hover, #F5CC02)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", - "normal": "var(--vkui--color_segmented_control, #ffffff)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "active": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "normal": "var(--vkui--color_separator_primary2x, #CDD0D5)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "normal": "var(--vkui--color_separator_primary3x, #BFC3CA)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077FF)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #ffffff)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "active": "var(--vkui--color_stroke_negative--active, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330A)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #45A64A)", - "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "active": "var(--vkui--color_text_accent--active, #006FEF)", + "hover": "var(--vkui--color_text_accent--hover, #0073F7)", + "normal": "var(--vkui--color_text_accent, #0077FF)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + "active": "var(--vkui--color_text_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_text_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_text_accent_themed, #0077FF)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #ffffff)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #006FEF)", + "hover": "var(--vkui--color_text_link--hover, #0073F7)", + "normal": "var(--vkui--color_text_link, #0077FF)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #2978D3)", - "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #006FEF)", + "hover": "var(--vkui--color_text_link_themed--hover, #0073F7)", + "normal": "var(--vkui--color_text_link_themed, #0077FF)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #437DC1)", - "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #4B85D2)", + "hover": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #282B2F)", "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330A)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #45A64A)", - "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "active": "var(--vkui--color_text_positive--active, #0CB465)", + "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #000105)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #64707F)", - "hover": "var(--vkui--color_text_subhead--hover, #697482)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #6F727B)", + "hover": "var(--vkui--color_text_subhead--hover, #74767D)", + "normal": "var(--vkui--color_text_subhead, #797A80)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", - "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + "active": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "hover": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "normal": "var(--vkui--color_text_tertiary, #AAADB3)", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + "colorTooltipBackgroundBlueTint": { + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + "colorTooltipBackgroundGreenTint": { + "active": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + "colorTooltipTextBlueThemed": { + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + "colorTooltipTextGreenThemed": { + "active": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + "colorTooltipTextOrangeThemed": { + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + }, + "colorTooltipTextPurpleThemed": { + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #CFD2D8)", - "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "active": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #93B1D7)", - "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + "active": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -460160,51 +496890,52 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", - "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "normal": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, "colorWriteBarInputBorder": { "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "normal": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 16, 61, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 16, 61, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, "colorsScheme": "var(--vkui--colors_scheme, light)", - "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", - "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", - "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", - "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "elevation1": "var(--vkui--elevation1, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08))", + "elevation2": "var(--vkui--elevation2, 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06))", + "elevation3": "var(--vkui--elevation3, 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08))", + "elevation4": "var(--vkui--elevation4, 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -460212,16 +496943,17 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -460229,78 +496961,116 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, + "fontH0": { + "compact": { + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, "fontHeadline": { "compact": { "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -460312,7 +497082,7 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -460324,7 +497094,7 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -460332,7 +497102,7 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -460341,10 +497111,10 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "fontSubhead": { "compact": { "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -460356,7 +497126,7 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -460364,49 +497134,58 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", }, }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", + }, "sizeArrowPadding": { "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + }, "sizeAvatarL": { "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, @@ -460437,8 +497216,16 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "sizeBadgeXS": { "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -460453,7 +497240,7 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -460464,6 +497251,21 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "sizeBorderRadiusRounded": { "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, @@ -460491,6 +497293,10 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, "sizeButtonLargeHeight": { "compact": "var(--vkui--size_button_large_height--compact, 36px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", @@ -460502,8 +497308,21 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { "compact": "var(--vkui--size_button_small_height--compact, 28px)", @@ -460528,10 +497347,10 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", @@ -460542,537 +497361,295 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "sizeCheckbox": { "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", - }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", - }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", - }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", - }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", - }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", - }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", - }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", - }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", - }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", - }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", - }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", - }, - "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", - }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", - }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", - }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", - }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", - }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", - }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkIOS)", - "themeName": "var(--vkui--theme_name, vkontakteIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteIOS)", - "themeType": "pixelify", - "vkontakteBackgroundHoverAlpha": { - "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", - }, - "vkontakteButtonMutedBackground": { - "active": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", - "hover": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", - "normal": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", - }, - "vkontakteButtonTertiaryBackground": { - "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", - }, - "vkontakteButtonTertiaryForeground": { - "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", - "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", - }, - "vkontakteColorAccentAlternate": { - "active": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", - "hover": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", - "normal": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", - }, - "vkontakteColorBackgroundKeyboard": { - "active": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", - "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", - "normal": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", - }, - "vkontakteColorBackgroundSuggestions": { - "active": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", - }, - "vkontakteColorBackgroundTextAlpha": { - "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", - }, - "vkontakteColorContentPlaceholderIcon": { - "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", - "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", - "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", - }, - "vkontakteColorContentTintForeground": { - "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", - "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", - "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", - }, - "vkontakteColorControlBackground": { - "active": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_control_background, #ebedf0)", - }, - "vkontakteColorControlForeground": { - "active": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", - "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", - "normal": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", - }, - "vkontakteColorControlTintMuted": { - "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", - "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", - "normal": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", - }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", - "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)", - "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", - "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", - "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", }, - "vkontakteColorIconName": { - "active": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", - "hover": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", - "normal": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", }, - "vkontakteColorIconOutlineMedium": { - "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", - "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", - "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", }, - "vkontakteColorIconOutlineSecondary": { - "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", - "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", - "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", - "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", - "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "vkontakteColorImBubbleGiftText": { - "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", - "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", - "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", - "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", - "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "vkontakteColorImBubbleIncoming": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, - "vkontakteColorImBubbleOutgoing": { - "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", - "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", - "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", - "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", - "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", }, - "vkontakteColorImForwardLineAlpha": { - "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", - "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", - "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, - "vkontakteColorImTextName": { - "active": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", - "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, - "vkontakteColorInputBorder": { - "active": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", - "hover": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", - "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", - "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", }, - "vkontakteColorLoaderBackground": { - "active": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, - "vkontakteColorLoaderTint": { - "active": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", - "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", - "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", }, - "vkontakteColorModalCardBorderAlpha": { - "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, - "vkontakteColorModalCardHeaderClose": { - "active": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", - "hover": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", - "normal": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + "sizeIllustrationXXL": { + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, - "vkontakteColorMusicPlaybackIcon": { - "active": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", - "hover": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", - "normal": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "vkontakteColorPanelTabActiveText": { - "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", - "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", - "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", }, - "vkontakteColorPlaceholderIconTint": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", }, - "vkontakteColorPollOptionBackground": { - "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", - "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", - "normal": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "vkontakteColorSearchBarBackground": { - "active": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, - "vkontakteColorSearchBarFieldTint": { - "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", - "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", - "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, - "vkontakteColorSnippetBackground": { - "active": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "vkontakteColorSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", - "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", - "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, - "vkontakteColorSplashScreenIcon": { - "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", - "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", - "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "vkontakteColorStatusBackground": { - "active": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", - "hover": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", - "normal": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "vkontakteColorTabbarActiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", - "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", - "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", }, - "vkontakteColorTabbarBackground": { - "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", - "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", - "normal": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, - "vkontakteColorTabbarInactiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", - "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", - "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", - "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", - "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, - "vkontakteColorTextName": { - "active": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", - "hover": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", - "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", - "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, - "vkontakteFloatButtonForeground": { - "active": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", - "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", - "normal": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", - "vkontakteImAttachTint": { - "active": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", - "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, - "vkontakteImBubbleButtonForeground": { - "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", - "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", - "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", - "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", - "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, - "vkontakteImBubbleGiftBackground": { - "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", - "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", - "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", - "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", - "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, - "vkontakteImReplySeparator": { - "active": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", - "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", - "normal": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", - "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", - "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, - "vkontakteLandingBackground": { - "active": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_landing_background, #ffffff)", + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", - "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", - "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", - "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", - "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, widgets)", + "themeNameBase": "var(--vkui--theme_name_base, paradigmBase)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots widgets theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { "active": "#DD5643", "hover": "#E65944", - "normal": "#f05c44", + "normal": "#F05C44", }, "colorAccentOrangePeach": { "active": "#E5A84E", @@ -461080,44 +497657,44 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#e03fab", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -461125,54 +497702,69 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -461180,9 +497772,9 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { "active": "#EBECEF", @@ -461190,189 +497782,259 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#D9E7E4", + "hover": "#E3F1EC", + "normal": "#ECFAF3", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", + }, + "colorBackgroundWarningTint": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#EBE9D3", + "hover": "#F5F3D9", + "normal": "#fffce0", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, + "colorButtonContrast": { + "active": "#FFFFFF", + "hover": "#FFFFFF", + "normal": "#FFFFFF", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.6)", + "hover": "rgba(255, 255, 255, 0.8)", + "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0077FF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", "hover": "#E8EAEE", - "normal": "#f2f3f5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -461380,174 +498042,224 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextLinkTint": { "active": "#689EDD", "hover": "#6CA4E4", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "colorTooltipTextGreenThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "colorTooltipTextOrangeThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "colorTooltipTextPurpleThemed": { + "active": "#6A4C97", + "hover": "#6E4E9B", + "normal": "#73519F", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -461555,51 +498267,52 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", "hover": "#D8DBDF", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", - "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", - "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", - "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", - "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "elevation1": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation1InvertY": "0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)", + "elevation2": "0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)", + "elevation3": "0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)", + "elevation4": "0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, - "lineHeight": 14, + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -461607,16 +498320,17 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -461624,78 +498338,116 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 23, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "fontWeight": 500, + "lineHeight": 22, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 21, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 19, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "fontWeight": 500, + "lineHeight": 24, }, }, - "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": 16, + "lineHeight": 18, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": 16, + "letterSpacing": "0.3px", + "lineHeight": 18, "textTransform": "uppercase", }, }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, + }, + }, + "fontH1": { + "compact": { + "fontSize": 32, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, + }, + }, "fontHeadline": { "compact": { "fontSize": 15, "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -461707,7 +498459,7 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -461719,7 +498471,7 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -461727,7 +498479,7 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -461736,10 +498488,10 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": 13, - "lineHeight": 16, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -461751,7 +498503,7 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -461759,49 +498511,58 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 22, }, }, - "fontWeightAccent1": 600, + "fontWeightAccent1": 500, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, + "fontWeightBase1": 700, + "fontWeightBase2": 700, "fontWeightBase3": 400, "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, + "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": 8, }, + "sizeArrowHeight": { + "regular": 8, + }, "sizeArrowPadding": { "regular": 12, }, "sizeArrowPromo": { "regular": 40, }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, "sizeAvatarL": { "regular": 96, }, @@ -461832,9 +498593,17 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeBadgeXS": { "regular": 12, }, - "sizeBasePaddingHorizontal": { + "sizeBase": 4, + "sizeBaseMargin": { "regular": 12, }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, "sizeBasePaddingVertical": { "regular": 12, }, @@ -461848,7 +498617,7 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -461859,6 +498628,21 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": 48, }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -461886,6 +498670,10 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": 1, }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, + }, "sizeButtonLargeHeight": { "compact": 36, "regular": 44, @@ -461897,9 +498685,22 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": 80, }, - "sizeButtonPaddingHorizontal": { + "sizeButtonMorePadding": { + "regular": 8, + }, + "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { "regular": 12, }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, "sizeButtonSmallHeight": { "compact": 28, "regular": 30, @@ -461923,10 +498724,10 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 16, }, "sizeCardgridPadding": { - "regular": 8, + "regular": 12, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -461937,53 +498738,143 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeCheckbox": { "regular": 16, }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, "sizeFieldHeight": { "compact": 36, "regular": 44, }, + "sizeFieldHorizontalMargin": { + "regular": 20, + }, "sizeFieldHorizontalPadding": { "regular": 12, }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, "sizeFormItemPaddingVertical": { "regular": 12, }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, "sizeIconUI": { "regular": 16, }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "regular": 228, + }, "sizeLabelHorizontalMargin": { "regular": 16, }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, "sizeOptionHierarchy": { "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": 32, + "regular": 20, }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": 24, + "regular": 16, }, "sizePopupLarge": { "regular": 880, }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, + }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, }, "sizeSplitColPaddingHorizontal": { "regular": 16, @@ -461995,20 +498886,47 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, + }, + "sizeTabMargin": { + "regular": 8, + }, + "sizeTabPadding": { + "regular": 16, + }, + "sizeTableHorizontalPadding": { + "regular": 16, + }, + "sizeTableVerticalPadding": { + "regular": 16, + }, + "sizeTagMargin": { + "regular": 8, + }, + "sizeTagPadding": { + "regular": 8, + }, + "sizeTipMargin": { + "regular": 4, }, "sizeTooltipMargin": { "regular": 8, }, + "sizeVerticalPadding": { + "regular": 0, + }, + "sizeWysiwygIcon": { + "regular": 14, + }, "spacingSize2Xl": 16, "spacingSize2Xs": 2, "spacingSize3Xl": 20, @@ -462019,410 +498937,41 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkIOS", - "themeName": "vkontakteIOS", - "themeNameBase": "vkontakteIOS", + "themeName": "widgets", + "themeNameBase": "paradigmBase", "themeType": "root", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", - }, - "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", - }, - "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteColorAccentAlternate": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "vkontakteColorBackgroundSuggestions": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", - }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", - }, - "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", - }, - "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", - }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", - }, - "vkontakteColorIconOutlineMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "vkontakteColorIconOutlineSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", - }, - "vkontakteColorImBubbleGiftText": { - "active": "#7A6A4E", - "hover": "#806E4F", - "normal": "#857250", - }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#9D8D6D", - "hover": "#A4936F", - "normal": "#AB9871", - }, - "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", - }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#D4D8EF", - "hover": "#DDE0F7", - "normal": "#E6E9FF", - }, - "vkontakteColorImBubbleOutgoing": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#CCE4FF", - }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#9FABEF", - "hover": "#A6B1F7", - "normal": "#ADB8FF", - }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", - }, - "vkontakteColorImTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", - }, - "vkontakteColorInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", - }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "vkontakteColorLoaderBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorLoaderTint": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", - }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", - }, - "vkontakteColorModalCardHeaderClose": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteColorMusicPlaybackIcon": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteColorPanelTabActiveText": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", - }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#aeb7c2", - }, - "vkontakteColorPlaceholderIconTint": { - "active": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", - }, - "vkontakteColorPollOptionBackground": { - "active": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", - }, - "vkontakteColorSearchBarBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorSearchBarFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorSnippetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", - }, - "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", - }, - "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", - }, - "vkontakteFloatButtonForeground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", - "vkontakteGradientBlue": "#66CCFF, #3F8AE0", - "vkontakteGradientCandy": "#FF99CC, #E52E6A", - "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", - "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", - "vkontakteGradientEmerald": "#00D948, #0D8046", - "vkontakteGradientFrost": "#4FA0FF, #016CEA", - "vkontakteGradientGray": "#C1CAD6, #878F99", - "vkontakteGradientGreen": "#6CD97E, #12B312", - "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", - "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", - "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", - "vkontakteGradientLavender": "#928FFF, #4B47B2", - "vkontakteGradientMable": "#D9F4FF, #D9F4FF", - "vkontakteGradientMarine": "#2EE54D, #0D7EFF", - "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", - "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", - "vkontakteGradientOrange": "#FFBF80, #E66B2E", - "vkontakteGradientPink": "#FF8880, #E62E6B", - "vkontakteGradientPurple": "#A393F5, #735CE6", - "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", - "vkontakteGradientRed": "#FF7583, #E62E40", - "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", - "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", - "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", - "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", - "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", - "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", - "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", - "vkontakteGradientViolet": "#D3A6FF, #903FE0", - "vkontakteGradientWarmValentine": "#F3386A, #FF819E", - "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", - "vkontakteGradientYellow": "#FFC44D, #F07300", - "vkontakteGradientYellowBright": "#FFD54F, #E7A902", - "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteImBubbleButtonForeground": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.68)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "rgba(255, 255, 255, 0.60)", - }, - "vkontakteImBubbleGiftBackground": { - "active": "#E0D6B8", - "hover": "#EADEBE", - "normal": "#f4e7c3", - }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#D1C3A3", - "hover": "#DACBA8", - "normal": "#e3d3ac", - }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#BCC3EF", - "hover": "#C4CBF7", - "normal": "#ccd3ff", - }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", - }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#9FC3EF", - "hover": "#A6CBF7", - "normal": "#add3ff", - }, - "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteLandingBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(0, 57, 115, 0.18)", - "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", - }, + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots widgetsDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -462442,7 +498991,17 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, "colorAccentAzure": { "active": { @@ -462461,85 +499020,85 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #9C9DA2)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #20C774)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #17C46E)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #0DC268)", }, }, "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #BEFC80)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #B8FC75)", }, }, "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FF9E00)", }, }, "colorAccentOrangeFire": { @@ -462553,7 +499112,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", }, }, "colorAccentOrangePeach": { @@ -462573,29 +499132,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #FF498F)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #FF418A)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #FF3985)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -462609,77 +499168,77 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, }, "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", }, }, "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #C15DF3)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", }, "hover": { "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -462699,43 +499258,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", + "value": "var(--vkui--color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #222223)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #19191A)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, }, "colorBackgroundAccentThemed": { @@ -462780,18 +499339,60 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", + }, + }, + "colorBackgroundAccentTintThemed": { + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #232324)", }, }, "colorBackgroundContrast": { @@ -462811,15 +499412,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -462839,43 +499440,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #303030)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + "value": "var(--vkui--color_background_info_tint--active, #2B3240)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #222937)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #19202f)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #414141)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #383838)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "value": "var(--vkui--color_background_modal, #303030)", }, }, "colorBackgroundModalInverse": { @@ -462903,7 +499504,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { @@ -462920,102 +499521,298 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", + }, + }, + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #0DC268)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #182A22)", + }, + }, + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, + }, + "colorBackgroundPositiveTintThemed": { + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #333333)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #2A2A2B)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #363636)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #252525)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", + "value": "var(--vkui--color_background_warning--active, #785C14)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #72550A)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #6C4E00)", + }, + }, + "colorBackgroundWarningTint": { + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #41372A)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #302617)", + }, + }, + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + }, + }, + "colorBackgroundWarningTintThemed": { + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorButtonContrast": { + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #252526)", + }, + }, + "colorButtonContrastAlpha": { + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorButtonIcon": { @@ -463077,43 +499874,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #353536)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #232324)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -463155,21 +499952,21 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, }, "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, }, "colorIconMedium": { @@ -463183,21 +499980,21 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #B0B1B6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, }, "colorIconNegative": { @@ -463211,35 +500008,35 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #0DC268)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "value": "var(--vkui--color_icon_primary, #D9DADD)", }, }, "colorIconPrimaryInvariably": { @@ -463253,77 +500050,77 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #83848A)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #FFA614)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #FF9E00)", }, }, "colorImageBorderAlpha": { @@ -463343,29 +500140,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #494A4B)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #393A3B)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorLinkContrast": { @@ -463385,15 +500182,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -463413,29 +500210,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", + }, + }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #FFD714)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #FFD60A)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #464748)", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #414243)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #393A3B)", }, }, "colorSegmentedControl": { @@ -463455,113 +500266,113 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #464748)", + "value": "var(--vkui--color_separator_primary--active, #282829)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #151516)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #323234)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #202022)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #353537)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #181818)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -463603,21 +500414,21 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, "colorTabbarTextInactive": { @@ -463631,21 +500442,21 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", + "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -463679,29 +500490,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #141414)", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -463729,35 +500540,35 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #5890D0)", + "value": "var(--vkui--color_text_link_visited--active, #6098E2)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #528FDF)", }, }, "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #E9EAEC)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #E7E8EA)", }, }, "colorTextNegative": { @@ -463771,119 +500582,245 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #0DC268)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #E7E8EA)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #141414)", + "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #95979D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #919398)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #8C8E94)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #74767A)", + }, + }, + "colorThumbErrorBackgroundAlpha": { + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + }, + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + }, + }, + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + }, + }, + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + }, + }, + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + }, + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + }, + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + }, + }, + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + }, + }, + "colorTooltipTextGreenThemed": { + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + }, + }, + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + }, + }, + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #525354)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #434445)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #83AAEA)", }, }, "colorTransparent": { @@ -463903,29 +500840,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #818385)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, }, "colorWriteBarInputBorder": { @@ -463939,7 +500876,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_border, #2C2D2E)", }, }, "colorWriteBarInputBorderAlpha": { @@ -463962,23 +500899,23 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", }, "fontCaption1": { "auto": { @@ -464002,7 +500939,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -464014,7 +500951,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, }, @@ -464032,6 +500969,10 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption1_caps--font_weight", "value": "var(--vkui--font_caption1_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height", "value": "var(--vkui--font_caption1_caps--line_height)", @@ -464044,7 +500985,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -464052,11 +500993,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption1_caps--font_weight--regular", - "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", }, "lineHeight": { "name": "--vkui--font_caption1_caps--line_height--regular", - "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", }, "textTransform": { "name": "--vkui--font_caption1_caps--text_transform--regular", @@ -464086,7 +501031,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -464116,6 +501061,10 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption2_caps--font_weight", "value": "var(--vkui--font_caption2_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height", "value": "var(--vkui--font_caption2_caps--line_height)", @@ -464128,7 +501077,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -464136,7 +501085,11 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption2_caps--font_weight--regular", - "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", }, "lineHeight": { "name": "--vkui--font_caption2_caps--line_height--regular", @@ -464170,7 +501123,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -464200,6 +501153,10 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_caption3_caps--font_weight", "value": "var(--vkui--font_caption3_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height", "value": "var(--vkui--font_caption3_caps--line_height)", @@ -464212,7 +501169,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -464220,7 +501177,11 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_caption3_caps--font_weight--regular", - "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", }, "lineHeight": { "name": "--vkui--font_caption3_caps--line_height--regular", @@ -464254,7 +501215,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -464262,7 +501223,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title1--font_weight--regular", - "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title1--line_height--regular", @@ -464292,7 +501253,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -464300,17 +501261,17 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--compact", - "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "value": "var(--vkui--font_display_title2--font_weight--compact, 500)", }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -464318,7 +501279,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--regular", - "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title2--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--regular", @@ -464348,7 +501309,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -464356,7 +501317,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title3--font_weight--regular", - "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title3--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title3--line_height--regular", @@ -464386,7 +501347,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -464394,25 +501355,25 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_display_title4--font_weight--regular", - "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "value": "var(--vkui--font_display_title4--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + "value": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -464436,7 +501397,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -464448,7 +501409,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, }, @@ -464466,6 +501427,10 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight", "value": "var(--vkui--font_footnote_caps--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height", "value": "var(--vkui--font_footnote_caps--line_height)", @@ -464478,7 +501443,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -464488,9 +501453,13 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_footnote_caps--font_weight--regular", "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, "lineHeight": { "name": "--vkui--font_footnote_caps--line_height--regular", - "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", }, "textTransform": { "name": "--vkui--font_footnote_caps--text_transform--regular", @@ -464498,6 +501467,150 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, }, }, + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + }, + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + }, + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, + }, "fontHeadline": { "auto": { "fontFamily": { @@ -464530,7 +501643,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -464578,7 +501691,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -464626,7 +501739,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -464664,7 +501777,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -464706,13 +501819,13 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -464760,7 +501873,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -464798,7 +501911,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -464806,7 +501919,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title1--font_weight--regular", - "value": "var(--vkui--font_title1--font_weight--regular, 600)", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title1--line_height--regular", @@ -464836,7 +501949,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -464844,11 +501957,11 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title2--font_weight--regular", - "value": "var(--vkui--font_title2--font_weight--regular, 600)", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", }, }, }, @@ -464874,7 +501987,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -464882,7 +501995,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeight": { "name": "--vkui--font_title3--font_weight--regular", - "value": "var(--vkui--font_title3--font_weight--regular, 600)", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", }, "lineHeight": { "name": "--vkui--font_title3--line_height--regular", @@ -464892,7 +502005,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeightAccent1": { "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 600)", + "value": "var(--vkui--font_weight_accent1, 500)", }, "fontWeightAccent2": { "name": "--vkui--font_weight_accent2", @@ -464904,11 +502017,11 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "fontWeightBase1": { "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 600)", + "value": "var(--vkui--font_weight_base1, 700)", }, "fontWeightBase2": { "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 500)", + "value": "var(--vkui--font_weight_base2, 700)", }, "fontWeightBase3": { "name": "--vkui--font_weight_base3", @@ -464916,7 +502029,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%)", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -464924,7 +502037,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%)", + "value": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -464932,7 +502045,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "opacityDisable": { "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "value": "var(--vkui--opacity_disable, 0.48)", }, "opacityDisableAccessibility": { "name": "--vkui--opacity_disable_accessibility", @@ -464948,6 +502061,16 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow--regular, 8px)", }, }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, + }, "sizeArrowPadding": { "auto": { "name": "--vkui--size_arrow_padding", @@ -464968,6 +502091,26 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, + }, + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + }, "sizeAvatarL": { "auto": { "name": "--vkui--size_avatar_l", @@ -465068,6 +502211,34 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, + }, + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, + }, "sizeBasePaddingHorizontal": { "auto": { "name": "--vkui--size_base_padding_horizontal", @@ -465075,7 +502246,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -465125,7 +502296,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -465158,6 +502329,56 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + }, + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + }, + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + }, + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + }, + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + }, "sizeButtonBaseLargePaddingHorizontal": { "auto": { "name": "--vkui--size_button_base_large_padding_horizontal", @@ -465248,6 +502469,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + }, "sizeButtonLargeHeight": { "auto": { "name": "--vkui--size_button_large_height", @@ -465286,192 +502521,476 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + }, "sizeButtonPaddingHorizontal": { "auto": { "name": "--vkui--size_button_padding_horizontal", "value": "var(--vkui--size_button_padding_horizontal)", }, + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + }, "regular": { "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + }, + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + }, + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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, 16px)", + }, + }, + "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, 12px)", + }, + }, + "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)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, + }, + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, + }, + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, + }, + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + }, + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + }, + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, }, - "sizeButtonSmallHeight": { + "sizeFieldVerticalMargin": { "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", - }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", }, "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { + "sizeFieldWidthMin": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", }, "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "sizeFormItemPaddingVertical": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", + }, + "sizeHeaderIcon": { "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", }, "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "sizeIconMargin": { "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", }, "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { + "sizeIconMorePadding": { "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", }, "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "sizeIconUI": { "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "sizeCardBorderRadius": { + "sizeIllustrationL": { "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "sizeCardgridPadding": { + "sizeIllustrationM": { "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "sizeCardgridPaddingVertical": { + "sizeIllustrationS": { "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", }, "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "sizeCheckBorderRadius": { + "sizeIllustrationXM": { "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "sizeCheckbox": { + "sizeIllustrationXXL": { "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", }, "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "sizeFieldHeight": { + "sizeLabelHorizontalMargin": { "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", - }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "sizeFieldHorizontalPadding": { + "sizeLabelVerticalMargin": { "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", }, "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "sizeFormItemPaddingVertical": { + "sizeLabelWidth": { "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "sizeIconUI": { + "sizeMenuMargin": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "sizeLabelHorizontalMargin": { + "sizeMenuPadding": { "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, "sizeOptionHierarchy": { @@ -465491,11 +503010,11 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, "sizePopupBasePadding": { @@ -465505,11 +503024,11 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", }, "regular": { "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, "sizePopupHeaderPadding": { @@ -465519,11 +503038,11 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", }, "regular": { "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, "sizePopupLarge": { @@ -465536,6 +503055,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", + }, + }, "sizePopupMedium": { "auto": { "name": "--vkui--size_popup_medium", @@ -465556,6 +503089,36 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, + }, + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + }, + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + }, "sizeSearchHeight": { "auto": { "name": "--vkui--size_search_height", @@ -465577,11 +503140,31 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", }, "regular": { "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + }, + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + }, + "sizeSliceTopPadding": { + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, }, "sizeSplitColPaddingHorizontal": { @@ -465611,1257 +503194,303 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", - }, - }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", - }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", - }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", - }, - }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", - }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", - }, - }, - "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", - }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", - }, - }, - "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", - }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", - }, - }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", - }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", - }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", - }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", - }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", - }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", - }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", - }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", - }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", - }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", - }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkIOSDark)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteIOSDark)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteIOS)", - }, - "themeType": "cssVars", - "vkontakteBackgroundHoverAlpha": { - "active": { - "name": "--vkui--vkontakte_background_hover_alpha--active", - "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", - }, - "hover": { - "name": "--vkui--vkontakte_background_hover_alpha--hover", - "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", - }, - "normal": { - "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", - }, - }, - "vkontakteButtonMutedBackground": { - "active": { - "name": "--vkui--vkontakte_button_muted_background--active", - "value": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--vkontakte_button_muted_background--hover", - "value": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", - }, - }, - "vkontakteButtonTertiaryBackground": { - "active": { - "name": "--vkui--vkontakte_button_tertiary_background--active", - "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", - }, - "hover": { - "name": "--vkui--vkontakte_button_tertiary_background--hover", - "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", - }, - }, - "vkontakteButtonTertiaryForeground": { - "active": { - "name": "--vkui--vkontakte_button_tertiary_foreground--active", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--vkontakte_button_tertiary_foreground--hover", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", - }, - }, - "vkontakteColorAccentAlternate": { - "active": { - "name": "--vkui--vkontakte_color_accent_alternate--active", - "value": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_color_accent_alternate--hover", - "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_color_accent_alternate", - "value": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", - }, - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", - }, - "hover": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", - }, - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", - }, - "hover": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04))", - }, - "normal": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", - }, - }, - "vkontakteColorBackgroundKeyboard": { - "active": { - "name": "--vkui--vkontakte_color_background_keyboard--active", - "value": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--vkontakte_color_background_keyboard--hover", - "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", - }, - }, - "vkontakteColorBackgroundSuggestions": { - "active": { - "name": "--vkui--vkontakte_color_background_suggestions--active", - "value": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--vkontakte_color_background_suggestions--hover", - "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", - }, - }, - "vkontakteColorBackgroundTextAlpha": { - "active": { - "name": "--vkui--vkontakte_color_background_text_alpha--active", - "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", - }, - "hover": { - "name": "--vkui--vkontakte_color_background_text_alpha--hover", - "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", - }, - "normal": { - "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", - }, - }, - "vkontakteColorContentPlaceholderIcon": { - "active": { - "name": "--vkui--vkontakte_color_content_placeholder_icon--active", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", - }, - "hover": { - "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", - }, - }, - "vkontakteColorContentTintForeground": { - "active": { - "name": "--vkui--vkontakte_color_content_tint_foreground--active", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", - }, - "hover": { - "name": "--vkui--vkontakte_color_content_tint_foreground--hover", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", - }, - "normal": { - "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", - }, - }, - "vkontakteColorControlBackground": { - "active": { - "name": "--vkui--vkontakte_color_control_background--active", - "value": "var(--vkui--vkontakte_color_control_background--active, #545556)", - }, - "hover": { - "name": "--vkui--vkontakte_color_control_background--hover", - "value": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #454647)", - }, - }, - "vkontakteColorControlForeground": { - "active": { - "name": "--vkui--vkontakte_color_control_foreground--active", - "value": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--vkontakte_color_control_foreground--hover", - "value": "var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", - }, - }, - "vkontakteColorControlTintMuted": { - "active": { - "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", - }, - "hover": { - "name": "--vkui--vkontakte_color_control_tint_muted--hover", - "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", - }, - "normal": { - "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", - }, - }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": { - "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", - }, - "hover": { - "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", - }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", - }, - }, - "vkontakteColorHeaderSearchFieldTint": { - "active": { - "name": "--vkui--vkontakte_color_header_search_field_tint--active", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", - }, - "hover": { - "name": "--vkui--vkontakte_color_header_search_field_tint--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_tint", - "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", - }, - }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", - }, - }, - "vkontakteColorIconName": { - "active": { - "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", - }, - "hover": { - "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", - }, - }, - "vkontakteColorIconOutlineMedium": { - "active": { - "name": "--vkui--vkontakte_color_icon_outline_medium--active", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", - }, - "hover": { - "name": "--vkui--vkontakte_color_icon_outline_medium--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_medium", - "value": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", - }, - }, - "vkontakteColorIconOutlineSecondary": { - "active": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--active", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", - }, - "hover": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", - }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_secondary", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", - }, - }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04))", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", - "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(0, 0, 0, 0.00))", - }, - }, - "vkontakteColorImBubbleGiftText": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", - }, - }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", - }, - }, - "vkontakteColorImBubbleIncoming": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", - }, - }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", - }, - }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", - }, - }, - "vkontakteColorImBubbleOutgoing": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", - }, - }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", - }, - }, - "vkontakteColorImForwardLineAlpha": { - "active": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32))", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28))", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", - }, - }, - "vkontakteColorImTextName": { - "active": { - "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", - }, - }, - "vkontakteColorInputBorder": { - "active": { - "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", - }, - }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", - }, - "hover": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", - }, - "normal": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", - }, - }, - "vkontakteColorLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", - }, - }, - "vkontakteColorLoaderTint": { - "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", - }, - "hover": { - "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", - }, - }, - "vkontakteColorModalCardBorderAlpha": { - "active": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", - }, - "hover": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", - }, - }, - "vkontakteColorModalCardHeaderClose": { - "active": { - "name": "--vkui--vkontakte_color_modal_card_header_close--active", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_color_modal_card_header_close--hover", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", - }, - }, - "vkontakteColorMusicPlaybackIcon": { - "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_color_music_playback_icon--hover", - "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_color_music_playback_icon", - "value": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", - }, - }, - "vkontakteColorPanelTabActiveText": { - "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", - }, - }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", - }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", - }, - }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", - }, - }, - "vkontakteColorPlaceholderIconTint": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", - }, - }, - "vkontakteColorPollOptionBackground": { - "active": { - "name": "--vkui--vkontakte_color_poll_option_background--active", - "value": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_color_poll_option_background--hover", - "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", - }, - }, - "vkontakteColorSearchBarBackground": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", - }, - }, - "vkontakteColorSearchBarFieldTint": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--active", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", - }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", - }, - }, - "vkontakteColorSkeletonShimmerFrom": { - "active": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", - }, - "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "vkontakteColorSnippetBackground": { - "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_background--hover", - "value": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "vkontakteColorSnippetBorderAlpha": { - "active": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "vkontakteColorSplashScreenIcon": { - "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", }, - "hover": { - "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "vkontakteColorStatusBackground": { - "active": { - "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + "sizeTabMargin": { + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #19191a)", + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", }, }, - "vkontakteColorTabbarActiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", + "sizeTabPadding": { + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", }, }, - "vkontakteColorTabbarBackground": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", + "sizeTableHorizontalPadding": { + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, }, - "vkontakteColorTabbarInactiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", - }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + "sizeTableVerticalPadding": { + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", - }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + "sizeTagMargin": { + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", }, }, - "vkontakteColorTextName": { - "active": { - "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--vkontakte_color_text_name--hover", - "value": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", + "sizeTagPadding": { + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", }, }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", - }, - "hover": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + "sizeTipMargin": { + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", }, }, - "vkontakteFloatButtonForeground": { - "active": { - "name": "--vkui--vkontakte_float_button_foreground--active", - "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", - }, - "hover": { - "name": "--vkui--vkontakte_float_button_foreground--hover", - "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", - }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", - }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", - }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", - }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", - }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", - }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", - }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", - }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", - }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", + "sizeVerticalPadding": { + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", + "sizeWysiwygIcon": { + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, widgetsDark)", }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, paradigmBase)", }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", }, - "vkontakteImAttachTint": { - "active": { - "name": "--vkui--vkontakte_im_attach_tint--active", - "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_im_attach_tint--hover", - "value": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", - }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", }, - "vkontakteImBubbleButtonForeground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_button_foreground--active", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", - }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": { - "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", - "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", - }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "vkontakteImBubbleGiftBackground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_gift_background--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background", - "value": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", - }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", - }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", - }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", - }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", - }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", - }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", - }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "vkontakteImReplySeparator": { - "active": { - "name": "--vkui--vkontakte_im_reply_separator--active", - "value": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--vkontakte_im_reply_separator--hover", - "value": "var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", - }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", - }, - "hover": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", - }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", }, - "vkontakteLandingBackground": { - "active": { - "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #19191a)", - }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", }, - "vkontakteLandingSecondaryButtonBackground": { - "active": { - "name": "--vkui--vkontakte_landing_secondary_button_background--active", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", - }, - "hover": { - "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", - }, - "normal": { - "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", - }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", - }, - "hover": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", - }, - "normal": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", - }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", }, "zIndexModal": { "name": "--vkui--z_index_modal", @@ -466874,52 +503503,62 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots widgetsDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { "active": "#F16953", "hover": "#F1634B", - "normal": "#f05c44", + "normal": "#F05C44", }, "colorAccentOrangePeach": { "active": "#FFC56F", @@ -466927,44 +503566,44 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", "hover": "#F166C3", - "normal": "#f060c0", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -466972,19 +503611,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -467001,10 +503640,25 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "#61A2FF", "normal": "#5a9eff", }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -467012,9 +503666,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -467022,19 +503676,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -467044,47 +503698,117 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", "normal": "#522E2E", }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", + }, + "colorBackgroundWarningTint": { + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorButtonContrast": { + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -467107,19 +503831,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -467134,67 +503858,67 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#f2f3f5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#b0b1b6", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -467202,14 +503926,14 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -467217,9 +503941,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -467227,14 +503951,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -467242,44 +503971,44 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", - }, - "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", + }, + "colorSeparatorPrimary2x": { + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -467294,22 +504023,22 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787a", + "normal": "#76787A", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -467322,14 +504051,14 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -467339,62 +504068,107 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "colorTextLinkTint": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", + }, + "colorTooltipTextBlueThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextGreenThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextOrangeThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextPurpleThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -467402,19 +504176,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -467422,31 +504196,32 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "dark", - "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", - "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", - "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -467454,16 +504229,17 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -467471,78 +504247,116 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "23px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "fontWeight": 500, + "lineHeight": "22px", }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "21px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "19px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "lineHeight": "16px", + "letterSpacing": "0.3px", + "lineHeight": "18px", "textTransform": "uppercase", }, }, + "fontH0": { + "compact": { + "fontSize": "44px", + "lineHeight": "52px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontH1": { + "compact": { + "fontSize": "32px", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, "fontHeadline": { "compact": { "fontSize": "15px", "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -467554,7 +504368,7 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -467566,7 +504380,7 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -467574,7 +504388,7 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -467583,10 +504397,10 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "fontSubhead": { "compact": { "fontSize": "13px", - "lineHeight": "16px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -467598,7 +504412,7 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -467606,49 +504420,58 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", - "fontWeight": 600, + "fontWeight": 500, "lineHeight": "22px", }, }, - "fontWeightAccent1": 600, + "fontWeightAccent1": 500, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, + "fontWeightBase1": 700, + "fontWeightBase2": 700, "fontWeightBase3": 400, - "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%", + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, + "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": "8px", }, + "sizeArrowHeight": { + "regular": "8px", + }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, "sizeAvatarL": { "regular": "96px", }, @@ -467679,9 +504502,17 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeBadgeXS": { "regular": "12px", }, - "sizeBasePaddingHorizontal": { + "sizeBase": "4px", + "sizeBaseMargin": { "regular": "12px", }, + "sizeBasePadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, "sizeBasePaddingVertical": { "regular": "12px", }, @@ -467695,7 +504526,7 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -467706,6 +504537,21 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeBorderRadiusRounded": { "regular": "48px", }, + "sizeBorderWidthAccent": { + "regular": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -467733,6 +504579,10 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeButtonGroupGapSpace": { "regular": "1px", }, + "sizeButtonIconPadding": { + "compact": "20px", + "regular": "16px", + }, "sizeButtonLargeHeight": { "compact": "36px", "regular": "44px", @@ -467744,9 +504594,22 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeButtonMinimumWidth": { "regular": "80px", }, + "sizeButtonMorePadding": { + "regular": "8px", + }, "sizeButtonPaddingHorizontal": { + "compact": "16px", + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { "regular": "12px", }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, "sizeButtonSmallHeight": { "compact": "28px", "regular": "30px", @@ -467770,10 +504633,10 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "8px", + "regular": "12px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -467784,53 +504647,143 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeCheckbox": { "regular": "16px", }, + "sizeChoiceMargin": { + "regular": "8px", + }, + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", + }, "sizeFieldHeight": { "compact": "36px", "regular": "44px", }, + "sizeFieldHorizontalMargin": { + "regular": "20px", + }, "sizeFieldHorizontalPadding": { "regular": "12px", }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "regular": "24px", + }, + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", + }, "sizeFormItemPaddingVertical": { "regular": "12px", }, + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", + }, "sizeIconUI": { "regular": "16px", }, + "sizeIllustrationL": { + "regular": "144px", + }, + "sizeIllustrationM": { + "regular": "96px", + }, + "sizeIllustrationS": { + "regular": "48px", + }, + "sizeIllustrationXM": { + "regular": "72px", + }, + "sizeIllustrationXXL": { + "regular": "228px", + }, "sizeLabelHorizontalMargin": { "regular": "16px", }, + "sizeLabelVerticalMargin": { + "regular": "4px", + }, + "sizeLabelWidth": { + "regular": "184px", + }, + "sizeMenuMargin": { + "regular": "2px", + }, + "sizeMenuPadding": { + "regular": "8px", + }, "sizeOptionHierarchy": { "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": "32px", + "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { "regular": "880px", }, + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", + }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { + "regular": "12px", + }, + "sizePromoButtonClose": { + "regular": "32px", + }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": "6px", + "regular": "7px", + }, + "sizeSliceBottomPadding": { + "regular": "60px", + }, + "sizeSliceTopPadding": { + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { "regular": "16px", @@ -467842,20 +504795,47 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", + }, + "sizeTabMargin": { + "regular": "8px", + }, + "sizeTabPadding": { + "regular": "16px", + }, + "sizeTableHorizontalPadding": { + "regular": "16px", + }, + "sizeTableVerticalPadding": { + "regular": "16px", + }, + "sizeTagMargin": { + "regular": "8px", + }, + "sizeTagPadding": { + "regular": "8px", + }, + "sizeTipMargin": { + "regular": "4px", }, "sizeTooltipMargin": { "regular": "8px", }, + "sizeVerticalPadding": { + "regular": "0px", + }, + "sizeWysiwygIcon": { + "regular": "14px", + }, "spacingSize2Xl": "16px", "spacingSize2Xs": "2px", "spacingSize3Xl": "20px", @@ -467866,455 +504846,96 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkIOSDark", - "themeName": "vkontakteIOSDark", - "themeNameBase": "vkontakteIOS", + "themeName": "widgetsDark", + "themeNameBase": "paradigmBase", "themeType": "pixelify", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.04)", - }, - "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", - }, - "vkontakteButtonTertiaryForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorAccentAlternate": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", - }, - "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", - }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteColorControlForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", - }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "vkontakteColorIconName": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorIconOutlineMedium": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorIconOutlineSecondary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", - }, - "vkontakteColorImBubbleGiftText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", - }, - "vkontakteColorImBubbleIncoming": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", - }, - "vkontakteColorImBubbleOutgoing": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", - }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", - }, - "vkontakteColorImTextName": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", - }, - "vkontakteColorInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", - }, - "vkontakteColorLoaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorLoaderTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "vkontakteColorModalCardHeaderClose": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorMusicPlaybackIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorPanelTabActiveText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteColorPlaceholderIconTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorPollOptionBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorSearchBarBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorSearchBarFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorSnippetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", - }, - "vkontakteColorSplashScreenIcon": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorStatusBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorTabbarActiveIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteColorTextName": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteFloatButtonForeground": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", - "vkontakteGradientBlue": "#66CCFF, #3F8AE0", - "vkontakteGradientCandy": "#FF99CC, #E52E6A", - "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", - "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", - "vkontakteGradientEmerald": "#00D948, #0D8046", - "vkontakteGradientFrost": "#4FA0FF, #016CEA", - "vkontakteGradientGray": "#C1CAD6, #878F99", - "vkontakteGradientGreen": "#6CD97E, #12B312", - "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", - "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", - "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", - "vkontakteGradientLavender": "#928FFF, #4B47B2", - "vkontakteGradientMable": "#D9F4FF, #D9F4FF", - "vkontakteGradientMarine": "#2EE54D, #0D7EFF", - "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", - "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", - "vkontakteGradientOrange": "#FFBF80, #E66B2E", - "vkontakteGradientPink": "#FF8880, #E62E6B", - "vkontakteGradientPurple": "#A393F5, #735CE6", - "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", - "vkontakteGradientRed": "#FF7583, #E62E40", - "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", - "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", - "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", - "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", - "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", - "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", - "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", - "vkontakteGradientViolet": "#D3A6FF, #903FE0", - "vkontakteGradientWarmValentine": "#F3386A, #FF819E", - "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", - "vkontakteGradientYellow": "#FFC44D, #F07300", - "vkontakteGradientYellowBright": "#FFD54F, #E7A902", - "vkontakteImAttachTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteImBubbleButtonForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", - }, - "vkontakteImBubbleGiftBackground": { - "active": "#8F7D5E", - "hover": "#8A7857", - "normal": "#857250", - }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#B2A07C", - "hover": "#AE9C77", - "normal": "#ab9871", - }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#4F588A", - "hover": "#485085", - "normal": "#404980", - }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteImReplySeparator": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteLandingBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", - }, + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots widgetsDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, "colorAccentAzure": { "active": "var(--vkui--color_accent_azure--active, #1482FF)", "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "active": "var(--vkui--color_accent_lime--active, #BEFC80)", + "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", - "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, "colorAccentOrangePeach": { "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", @@ -468322,44 +504943,44 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": "var(--vkui--color_accent_pink--active, #FF498F)", + "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - "normal": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", - "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", - "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", - "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { - "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", - "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", - "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -468367,19 +504988,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", @@ -468396,10 +505017,25 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, + "colorBackgroundAccentTintAlpha": { + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", + }, + "colorBackgroundAccentTintThemed": { + "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -468407,9 +505043,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -468417,19 +505053,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #2E4962)", - "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", - "normal": "var(--vkui--color_background_info_tint, #1C3954)", + "active": "var(--vkui--color_background_info_tint--active, #2B3240)", + "hover": "var(--vkui--color_background_info_tint--hover, #222937)", + "normal": "var(--vkui--color_background_info_tint, #19202f)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -468439,47 +505075,117 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #FF6969)", "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, + "colorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", + }, + "colorBackgroundNegativeTintThemed": { + "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", - "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", + "normal": "var(--vkui--color_background_positive_tint, #182A22)", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, + "colorBackgroundPositiveTintThemed": { + "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", + }, + "colorBackgroundWarningTint": { + "active": "var(--vkui--color_background_warning_tint--active, #41372A)", + "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", + "normal": "var(--vkui--color_background_warning_tint, #302617)", + }, + "colorBackgroundWarningTintAlpha": { + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + }, + "colorBackgroundWarningTintThemed": { + "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorButtonContrast": { + "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "hover": "var(--vkui--color_button_contrast--hover, #29292A)", + "normal": "var(--vkui--color_button_contrast, #252526)", + }, + "colorButtonContrastAlpha": { + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, "colorButtonIcon": { "active": "var(--vkui--color_button_icon--active, #D7D8DB)", @@ -468502,19 +505208,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -468529,67 +505235,67 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", - "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", }, "colorIconMedium": { "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "active": "var(--vkui--color_icon_warning--active, #FFA614)", + "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "normal": "var(--vkui--color_icon_warning, #FF9E00)", }, "colorImageBorderAlpha": { "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", @@ -468597,14 +505303,14 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -468612,9 +505318,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -468622,14 +505328,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", - "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", + }, + "colorRating": { + "active": "var(--vkui--color_rating--active, #FFD714)", + "hover": "var(--vkui--color_rating--hover, #FFD60A)", + "normal": "var(--vkui--color_rating, #ffd400)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #464748)", - "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--color_search_field_background, #363738)", + "active": "var(--vkui--color_search_field_background--active, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -468637,44 +505348,44 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "active": "var(--vkui--color_separator_primary2x--active, #323234)", + "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "normal": "var(--vkui--color_separator_primary2x, #202022)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", + "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -468689,22 +505400,22 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #FF6969)", "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", - "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -468717,14 +505428,14 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_contrast_themed, #000000)", + "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -468734,62 +505445,107 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #6098E2)", + "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + "colorTooltipBackgroundBlueTint": { + "active": "var(--vkui--color_tooltip_background_blue_tint--active, #2E5384)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #254B7E)", + "normal": "var(--vkui--color_tooltip_background_blue_tint, #1C4479)", + }, + "colorTooltipBackgroundGreenTint": { + "active": "var(--vkui--color_tooltip_background_green_tint--active, #1C8679)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #128173)", + "normal": "var(--vkui--color_tooltip_background_green_tint, #087C6D)", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "var(--vkui--color_tooltip_background_orange_tint--active, #83563B)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #7D4E33)", + "normal": "var(--vkui--color_tooltip_background_orange_tint, #78472A)", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "var(--vkui--color_tooltip_background_purple_tint--active, #7E5FA7)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #7958A3)", + "normal": "var(--vkui--color_tooltip_background_purple_tint, #73519F)", + }, + "colorTooltipTextBlueThemed": { + "active": "var(--vkui--color_tooltip_text_blue_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_blue_themed, #FFFFFF)", + }, + "colorTooltipTextGreenThemed": { + "active": "var(--vkui--color_tooltip_text_green_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_green_themed, #FFFFFF)", + }, + "colorTooltipTextOrangeThemed": { + "active": "var(--vkui--color_tooltip_text_orange_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_orange_themed, #FFFFFF)", + }, + "colorTooltipTextPurpleThemed": { + "active": "var(--vkui--color_tooltip_text_purple_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_tooltip_text_purple_themed, #FFFFFF)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #545556)", - "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", - "normal": "var(--vkui--color_track_background, #454647)", + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -468797,19 +505553,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #818385)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", - "normal": "var(--vkui--color_write_bar_icon, #76787a)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, "colorWriteBarInputBorder": { "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", @@ -468817,31 +505573,32 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, "colorsScheme": "var(--vkui--colors_scheme, dark)", - "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", - "elevation2": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", - "elevation3": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", - "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "elevation1": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation2": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + "elevation3": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "elevation4": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", - "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -468849,16 +505606,17 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", - "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -468866,78 +505624,116 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", - "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", - "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", - "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", - "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", - "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, + "fontH0": { + "compact": { + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, "fontHeadline": { "compact": { "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -468949,7 +505745,7 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -468961,7 +505757,7 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -468969,7 +505765,7 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -468978,10 +505774,10 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "fontSubhead": { "compact": { "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -468993,7 +505789,7 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -469001,49 +505797,58 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", - "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", - "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", }, }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", - "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", + }, "sizeArrowPadding": { "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + }, "sizeAvatarL": { "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, @@ -469074,8 +505879,16 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "sizeBadgeXS": { "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -469090,7 +505903,7 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -469101,6 +505914,21 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "sizeBorderRadiusRounded": { "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, @@ -469128,6 +505956,10 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, "sizeButtonLargeHeight": { "compact": "var(--vkui--size_button_large_height--compact, 36px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", @@ -469139,8 +505971,21 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { "compact": "var(--vkui--size_button_small_height--compact, 28px)", @@ -469165,10 +506010,10 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", @@ -469179,537 +506024,295 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "sizeCheckbox": { "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", - }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", - }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", - }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", - }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", - }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", - }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", - }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", - }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", - }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", - }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", - }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", - }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", - }, - "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", - }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", - }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", - }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", - }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", - }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", - }, - "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", - "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", - "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", - "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", - "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", - "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", - "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", - "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", - "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", - "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkIOSDark)", - "themeName": "var(--vkui--theme_name, vkontakteIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteIOS)", - "themeType": "pixelify", - "vkontakteBackgroundHoverAlpha": { - "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", - "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", - "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", - }, - "vkontakteButtonMutedBackground": { - "active": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", - "normal": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", - }, - "vkontakteButtonTertiaryBackground": { - "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", - }, - "vkontakteButtonTertiaryForeground": { - "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", - "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7)", - "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", - }, - "vkontakteColorAccentAlternate": { - "active": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", - "hover": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04))", - "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", - }, - "vkontakteColorBackgroundKeyboard": { - "active": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", - }, - "vkontakteColorBackgroundSuggestions": { - "active": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", - }, - "vkontakteColorBackgroundTextAlpha": { - "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", - "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", - "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", - }, - "vkontakteColorContentPlaceholderIcon": { - "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", - }, - "vkontakteColorContentTintForeground": { - "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", - }, - "vkontakteColorControlBackground": { - "active": "var(--vkui--vkontakte_color_control_background--active, #545556)", - "hover": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_color_control_background, #454647)", - }, - "vkontakteColorControlForeground": { - "active": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", - "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7)", - "normal": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", - }, - "vkontakteColorControlTintMuted": { - "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", - }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", - "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", - "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", - "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", }, - "vkontakteColorIconName": { - "active": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", }, - "vkontakteColorIconOutlineMedium": { - "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", }, - "vkontakteColorIconOutlineSecondary": { - "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(0, 0, 0, 0.00))", + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "vkontakteColorImBubbleGiftText": { - "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", - "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", - "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "vkontakteColorImBubbleIncoming": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", - "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", - "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, - "vkontakteColorImBubbleOutgoing": { - "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", - "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", - "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", - "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", }, - "vkontakteColorImForwardLineAlpha": { - "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32))", - "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28))", - "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, - "vkontakteColorImTextName": { - "active": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", - "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", - "normal": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, - "vkontakteColorInputBorder": { - "active": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_input_border--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", - "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", - "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", }, - "vkontakteColorLoaderBackground": { - "active": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_loader_background, #19191a)", + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, - "vkontakteColorLoaderTint": { - "active": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", - "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", }, - "vkontakteColorModalCardBorderAlpha": { - "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, - "vkontakteColorModalCardHeaderClose": { - "active": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", + "sizeIllustrationXXL": { + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, - "vkontakteColorMusicPlaybackIcon": { - "active": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "vkontakteColorPanelTabActiveText": { - "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", - "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", - "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", }, - "vkontakteColorPlaceholderIconTint": { - "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", }, - "vkontakteColorPollOptionBackground": { - "active": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "vkontakteColorSearchBarBackground": { - "active": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, - "vkontakteColorSearchBarFieldTint": { - "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, - "vkontakteColorSnippetBackground": { - "active": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", - "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", - "normal": "var(--vkui--vkontakte_color_snippet_background, #232324)", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "vkontakteColorSnippetBorderAlpha": { - "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", - "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", - "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, - "vkontakteColorSplashScreenIcon": { - "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "vkontakteColorStatusBackground": { - "active": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_color_status_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_color_status_background, #19191a)", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "vkontakteColorTabbarActiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", }, - "vkontakteColorTabbarBackground": { - "active": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", - "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", - "normal": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, - "vkontakteColorTabbarInactiveIcon": { - "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", - "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", - "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, - "vkontakteColorTextName": { - "active": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", - "hover": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", - "normal": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", - "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", - "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, - "vkontakteFloatButtonForeground": { - "active": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", - "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", - "normal": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, #FF7373, #E53949, #BF1C38)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, #FFB726, #FF2693, #8122E0, #2693FF)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, #00D948, #0D8046)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, #4FA0FF, #016CEA)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, #C1CAD6, #878F99)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, #6CD97E, #12B312)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, #CB1E3B, #F05C44, #FFA000)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, #FFA000, #CD4C4B, #792EC0)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, #2BD9D9, #5C9CE6)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, #928FFF, #4B47B2)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, #D9F4FF, #D9F4FF)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, #2EE54D, #0D7EFF)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, #73D0FF, #3885E1, #0032A6)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, #BB64E4, #805BD7, #2866D5)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, #FFBF80, #E66B2E)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, #FF8880, #E62E6B)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, #A393F5, #735CE6)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, #FF80D5, #E645B1)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, #FF7583, #E62E40)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, #30F2B1, #5967FF, #FF26A5)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, #9DF19D, #31C2A7, #21A19A, #107F8C)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, #FFD24D, #F26549, #E62E6B)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, #8AE6E6, #12B3B3)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, #FF4D87, #9F40FF, #3399FF)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, #FF99CC, #A179F2, #5CA1E6)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, #FF8A65, #F25383, #8F13DB)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, #D3A6FF, #903FE0)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, #F3386A, #FF819E)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", - "vkontakteImAttachTint": { - "active": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, - "vkontakteImBubbleButtonForeground": { - "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", - "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", - "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, - "vkontakteImBubbleGiftBackground": { - "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", - "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", - "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", - "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", - "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", - "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", - "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", - "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, - "vkontakteImReplySeparator": { - "active": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", - "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0)", - "normal": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", - "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", - "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, - "vkontakteLandingBackground": { - "active": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_landing_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_landing_background, #19191a)", + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", - "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", - "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", - "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", - "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, widgetsDark)", + "themeNameBase": "var(--vkui--theme_name_base, paradigmBase)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots widgetsDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", "animationDurationS": "0.1s", "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", - "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { "active": "#F16953", "hover": "#F1634B", - "normal": "#f05c44", + "normal": "#F05C44", }, "colorAccentOrangePeach": { "active": "#FFC56F", @@ -469717,44 +506320,44 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#FFC062", }, "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", "hover": "#F166C3", - "normal": "#f060c0", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -469762,19 +506365,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -469791,10 +506394,25 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "#61A2FF", "normal": "#5a9eff", }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -469802,9 +506420,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -469812,19 +506430,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -469834,47 +506452,117 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", "normal": "#522E2E", }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", + }, + "colorBackgroundWarningTint": { + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorButtonContrast": { + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -469897,19 +506585,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -469924,67 +506612,67 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#f2f3f5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#b0b1b6", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -469992,14 +506680,14 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -470007,9 +506695,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -470017,14 +506705,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -470032,44 +506725,44 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -470084,22 +506777,22 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787a", + "normal": "#76787A", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -470112,14 +506805,14 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -470129,62 +506822,107 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "colorTextLinkTint": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTooltipBackgroundBlueTint": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", + }, + "colorTooltipTextBlueThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextGreenThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextOrangeThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTooltipTextPurpleThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -470192,19 +506930,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -470212,31 +506950,32 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "dark", - "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", - "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", - "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, - "lineHeight": 14, + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -470244,16 +506983,17 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -470261,78 +507001,116 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, - "fontWeight": 600, + "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 23, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "fontWeight": 500, + "lineHeight": 22, }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 21, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 19, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "fontWeight": 500, + "lineHeight": 24, }, }, - "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": 16, + "lineHeight": 18, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": 16, + "letterSpacing": "0.3px", + "lineHeight": 18, "textTransform": "uppercase", }, }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, + }, + }, + "fontH1": { + "compact": { + "fontSize": 32, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, + }, + }, "fontHeadline": { "compact": { "fontSize": 15, "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -470344,7 +507122,7 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -470356,7 +507134,7 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -470364,7 +507142,7 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -470373,10 +507151,10 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "fontSubhead": { "compact": { "fontSize": 13, - "lineHeight": 16, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -470388,7 +507166,7 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -470396,49 +507174,58 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, - "fontWeight": 600, + "fontWeight": 500, "lineHeight": 22, }, }, - "fontWeightAccent1": 600, + "fontWeightAccent1": 500, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, + "fontWeightBase1": 700, + "fontWeightBase2": 700, "fontWeightBase3": 400, - "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%", + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.05) 15%, rgba(35, 35, 36, 0.2) 30%, rgba(35, 35, 36, 0.8) 70%, rgba(35, 35, 36, 0.95) 85%, rgba(35, 35, 36, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.05) 15%, rgba(37, 37, 37, 0.2) 30%, rgba(37, 37, 37, 0.8) 70%, rgba(37, 37, 37, 0.95) 85%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, + "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { "regular": 8, }, + "sizeArrowHeight": { + "regular": 8, + }, "sizeArrowPadding": { "regular": 12, }, "sizeArrowPromo": { "regular": 40, }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, "sizeAvatarL": { "regular": 96, }, @@ -470469,9 +507256,17 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeBadgeXS": { "regular": 12, }, - "sizeBasePaddingHorizontal": { + "sizeBase": 4, + "sizeBaseMargin": { "regular": 12, }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, "sizeBasePaddingVertical": { "regular": 12, }, @@ -470485,7 +507280,7 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -470496,6 +507291,21 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeBorderRadiusRounded": { "regular": 48, }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -470523,6 +507333,10 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeButtonGroupGapSpace": { "regular": 1, }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, + }, "sizeButtonLargeHeight": { "compact": 36, "regular": 44, @@ -470534,9 +507348,22 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeButtonMinimumWidth": { "regular": 80, }, + "sizeButtonMorePadding": { + "regular": 8, + }, "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { "regular": 12, }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, "sizeButtonSmallHeight": { "compact": 28, "regular": 30, @@ -470560,10 +507387,10 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 16, }, "sizeCardgridPadding": { - "regular": 8, + "regular": 12, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -470574,53 +507401,143 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeCheckbox": { "regular": 16, }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, "sizeFieldHeight": { "compact": 36, "regular": 44, }, + "sizeFieldHorizontalMargin": { + "regular": 20, + }, "sizeFieldHorizontalPadding": { "regular": 12, }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, "sizeFormItemPaddingVertical": { "regular": 12, }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, "sizeIconUI": { "regular": 16, }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "regular": 228, + }, "sizeLabelHorizontalMargin": { "regular": 16, }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, "sizeOptionHierarchy": { "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": 32, + "regular": 20, }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": 24, + "regular": 16, }, "sizePopupLarge": { "regular": 880, }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, + }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, }, "sizeSplitColPaddingHorizontal": { "regular": 16, @@ -470632,20 +507549,47 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, + }, + "sizeTabMargin": { + "regular": 8, + }, + "sizeTabPadding": { + "regular": 16, + }, + "sizeTableHorizontalPadding": { + "regular": 16, + }, + "sizeTableVerticalPadding": { + "regular": 16, + }, + "sizeTagMargin": { + "regular": 8, + }, + "sizeTagPadding": { + "regular": 8, + }, + "sizeTipMargin": { + "regular": 4, }, "sizeTooltipMargin": { "regular": 8, }, + "sizeVerticalPadding": { + "regular": 0, + }, + "sizeWysiwygIcon": { + "regular": 14, + }, "spacingSize2Xl": 16, "spacingSize2Xs": 2, "spacingSize3Xl": 20, @@ -470656,404 +507600,35 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkIOSDark", - "themeName": "vkontakteIOSDark", - "themeNameBase": "vkontakteIOS", + "themeName": "widgetsDark", + "themeNameBase": "paradigmBase", "themeType": "root", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.04)", - }, - "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", - }, - "vkontakteButtonTertiaryForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorAccentAlternate": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", - }, - "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", - }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteColorControlForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", - }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "vkontakteColorIconName": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorIconOutlineMedium": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorIconOutlineSecondary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", - }, - "vkontakteColorImBubbleGiftText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", - }, - "vkontakteColorImBubbleIncoming": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", - }, - "vkontakteColorImBubbleOutgoing": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", - }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", - }, - "vkontakteColorImTextName": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", - }, - "vkontakteColorInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", - }, - "vkontakteColorLoaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorLoaderTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "vkontakteColorModalCardHeaderClose": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorMusicPlaybackIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorPanelTabActiveText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", - }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteColorPlaceholderIconTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorPollOptionBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorSearchBarBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorSearchBarFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorSnippetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", - }, - "vkontakteColorSplashScreenIcon": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorStatusBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteColorTabbarActiveIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteColorTextName": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "vkontakteFloatButtonForeground": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", - }, - "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", - "vkontakteGradientBlue": "#66CCFF, #3F8AE0", - "vkontakteGradientCandy": "#FF99CC, #E52E6A", - "vkontakteGradientCrimson": "#FF7373, #E53949, #BF1C38", - "vkontakteGradientDisco": "#FFB726, #FF2693, #8122E0, #2693FF", - "vkontakteGradientEmerald": "#00D948, #0D8046", - "vkontakteGradientFrost": "#4FA0FF, #016CEA", - "vkontakteGradientGray": "#C1CAD6, #878F99", - "vkontakteGradientGreen": "#6CD97E, #12B312", - "vkontakteGradientHalloweenOrange": "#CB1E3B, #F05C44, #FFA000", - "vkontakteGradientHalloweenViolet": "#FFA000, #CD4C4B, #792EC0", - "vkontakteGradientLagoon": "#2BD9D9, #5C9CE6", - "vkontakteGradientLavender": "#928FFF, #4B47B2", - "vkontakteGradientMable": "#D9F4FF, #D9F4FF", - "vkontakteGradientMarine": "#2EE54D, #0D7EFF", - "vkontakteGradientMidnight": "#73D0FF, #3885E1, #0032A6", - "vkontakteGradientNewYear": "#BB64E4, #805BD7, #2866D5", - "vkontakteGradientOrange": "#FFBF80, #E66B2E", - "vkontakteGradientPink": "#FF8880, #E62E6B", - "vkontakteGradientPurple": "#A393F5, #735CE6", - "vkontakteGradientRaspberryPink": "#FF80D5, #E645B1", - "vkontakteGradientRed": "#FF7583, #E62E40", - "vkontakteGradientRetrowave": "#30F2B1, #5967FF, #FF26A5", - "vkontakteGradientSberkot": "#9DF19D, #31C2A7, #21A19A, #107F8C", - "vkontakteGradientSunset": "#FFD24D, #F26549, #E62E6B", - "vkontakteGradientTurquoise": "#8AE6E6, #12B3B3", - "vkontakteGradientTwilight": "#FF4D87, #9F40FF, #3399FF", - "vkontakteGradientUnicorn": "#FF99CC, #A179F2, #5CA1E6", - "vkontakteGradientValentine": "#FF8A65, #F25383, #8F13DB", - "vkontakteGradientViolet": "#D3A6FF, #903FE0", - "vkontakteGradientWarmValentine": "#F3386A, #FF819E", - "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", - "vkontakteGradientYellow": "#FFC44D, #F07300", - "vkontakteGradientYellowBright": "#FFD54F, #E7A902", - "vkontakteImAttachTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteImBubbleButtonForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", - }, - "vkontakteImBubbleGiftBackground": { - "active": "#8F7D5E", - "hover": "#8A7857", - "normal": "#857250", - }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#B2A07C", - "hover": "#AE9C77", - "normal": "#ab9871", - }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#4F588A", - "hover": "#485085", - "normal": "#404980", - }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "vkontakteImReplySeparator": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteLandingBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", - }, + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, "zIndexModal": 99, "zIndexPopout": 100, } @@ -471108,15 +507683,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #0059EA)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #005CF1)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #005FF9)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "colorAccentCyan": { @@ -471234,15 +507809,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #4966CF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #4C69D6)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -471262,15 +507837,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA0A35)", + "value": "var(--vkui--color_accent_red--active, #DA043A)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E40A34)", + "value": "var(--vkui--color_accent_red--hover, #E4043A)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED033A)", }, }, "colorAccentSecondary": { @@ -471304,15 +507879,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #0059EA)", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #005FF9)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -471360,15 +507935,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #0059EA)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #005CF1)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #005FF9)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -471388,29 +507963,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -471444,29 +508019,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, "colorBackgroundAccentTintThemedAlpha": { "active": { "name": "--vkui--color_background_accent_tint_themed_alpha--active", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundContent": { @@ -471584,15 +508159,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA0A35)", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E40A34)", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED0A34)", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, "colorBackgroundNegativeTint": { @@ -471626,29 +508201,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, "colorBackgroundPositive": { @@ -471738,15 +508313,43 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.20))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, }, "colorBackgroundTertiary": { @@ -471766,15 +508369,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(58, 58, 90, 0.12))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(58, 58, 90, 0.08))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(58, 58, 90, 0.04))", }, }, "colorBackgroundWarning": { @@ -471808,15 +508411,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundWarningTintAlpha": { "active": { "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.76))", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.28))", }, "hover": { "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.72))", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.24))", }, "normal": { "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.64))", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.16))", }, }, "colorBackgroundWarningTintThemed": { @@ -471878,43 +508481,43 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #0059EA)", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #005CF1)", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #005FF9)", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #0059EA)", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #005FF9)", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #0059EA)", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #005CF1)", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #005FF9)", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, "colorFieldBackground": { @@ -471962,29 +508565,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #0059EA)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #005FF9)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -472060,15 +508663,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA0A35)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E40A34)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED0A34)", + "value": "var(--vkui--color_icon_negative, #ED033a)", }, }, "colorIconNegativeSnackbar": { @@ -472284,15 +508887,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #0059EA)", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, "colorRating": { @@ -472438,29 +509041,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, "colorStrokeContrast": { @@ -472480,15 +509083,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "value": "var(--vkui--color_stroke_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "value": "var(--vkui--color_stroke_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED0A34)", + "value": "var(--vkui--color_stroke_negative, #ED033a)", }, }, "colorStrokePositive": { @@ -472522,29 +509125,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0059EA)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0059EA)", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, "colorTextContrast": { @@ -472578,29 +509181,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0055C5)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0055C5)", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, "colorTextLinkTint": { @@ -472648,15 +509251,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, "colorTextPositive": { @@ -472914,15 +509517,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #0059EA)", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, "colorWriteBarInputBackground": { @@ -473838,13 +510441,17 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_headline3--font_size", "value": "var(--vkui--font_headline3--font_size, 13px)", }, + "fontStyle": { + "name": "--vkui--font_headline3--font_style", + "value": "var(--vkui--font_headline3--font_style, normal)", + }, "fontWeight": { "name": "--vkui--font_headline3--font_weight", "value": "var(--vkui--font_headline3--font_weight, 500)", }, "lineHeight": { "name": "--vkui--font_headline3--line_height", - "value": "var(--vkui--font_headline3--line_height, 18px)", + "value": "var(--vkui--font_headline3--line_height, 16px)", }, }, "fontParagraph": { @@ -474041,7 +510648,7 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -474053,7 +510660,7 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 26px)", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, }, @@ -474079,7 +510686,7 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -474091,7 +510698,7 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", + "value": "var(--vkui--font_title3--line_height--regular, 24px)", }, }, }, @@ -475618,9 +512225,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -475663,9 +512270,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -475673,9 +512280,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -475688,9 +512295,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -475708,9 +512315,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#F6F7F8", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -475718,14 +512325,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -475738,14 +512345,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -475788,9 +512395,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { "active": "#FCD8DF", @@ -475803,14 +512410,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "rgba(237, 10, 52, 0.10)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -475843,9 +512450,19 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(255, 255, 255, 0.20)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { "active": "#E2E5E9", @@ -475853,9 +512470,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(58, 58, 90, 0.12)", + "hover": "rgba(58, 58, 90, 0.08)", + "normal": "rgba(58, 58, 90, 0.04)", }, "colorBackgroundWarning": { "active": "#EBDFA4", @@ -475868,9 +512485,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.76)", - "hover": "rgba(255, 241, 173, 0.72)", - "normal": "rgba(255, 241, 173, 0.64)", + "active": "rgba(255, 158, 0, 0.28)", + "hover": "rgba(255, 158, 0, 0.24)", + "normal": "rgba(255, 158, 0, 0.16)", }, "colorBackgroundWarningTintThemed": { "active": "#EBE9D3", @@ -475893,19 +512510,19 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -475923,14 +512540,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -475958,9 +512575,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconNegativeSnackbar": { "active": "#EB565A", @@ -476038,9 +512655,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -476093,14 +512710,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -476108,9 +512725,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -476123,14 +512740,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -476143,14 +512760,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -476168,9 +512785,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -476263,9 +512880,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -476476,8 +513093,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "fontHeadline3": { "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": "13px", + "fontStyle": "normal", "fontWeight": 500, - "lineHeight": "18px", + "lineHeight": "16px", }, "fontParagraph": { "regular": { @@ -476521,18 +513139,18 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, - "lineHeight": "26px", + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": "24px", }, }, "fontWeightAccent1": 500, @@ -476996,9 +513614,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #0059EA)", - "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", - "normal": "var(--vkui--color_accent_blue, #005FF9)", + "active": "var(--vkui--color_accent_blue--active, #006FEF)", + "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", + "normal": "var(--vkui--color_accent_blue, #0077FF)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -477041,9 +513659,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #4966CF)", - "hover": "var(--vkui--color_accent_purple--hover, #4C69D6)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -477051,9 +513669,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA0A35)", - "hover": "var(--vkui--color_accent_red--hover, #E40A34)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #DA043A)", + "hover": "var(--vkui--color_accent_red--hover, #E4043A)", + "normal": "var(--vkui--color_accent_red, #ED033A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #EB9305)", @@ -477066,9 +513684,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #0059EA)", - "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", - "normal": "var(--vkui--color_action_sheet_text, #005FF9)", + "active": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "normal": "var(--vkui--color_action_sheet_text, #0077ff)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -477086,9 +513704,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background, #F6F7F8)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #0059EA)", - "hover": "var(--vkui--color_background_accent--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent, #005FF9)", + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -477096,14 +513714,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_background_accent_themed, #005FF9)", + "active": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent_themed, #0077FF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 95, 249, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 95, 249, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -477116,14 +513734,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE2EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EBF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -477166,9 +513784,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA0A35)", - "hover": "var(--vkui--color_background_negative--hover, #E40A34)", - "normal": "var(--vkui--color_background_negative, #ED0A34)", + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #FCD8DF)", @@ -477181,14 +513799,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.10))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -477221,9 +513839,19 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.20))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #BCD3EF)", + "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "normal": "var(--vkui--color_background_sky, #cce4ff)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(204, 228, 255, 0.98))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(204, 228, 255, 0.9400000000000001))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", @@ -477231,9 +513859,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(58, 58, 90, 0.12))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(58, 58, 90, 0.08))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(58, 58, 90, 0.04))", }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBDFA4)", @@ -477246,9 +513874,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_warning_tint, #fffce0)", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.76))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.72))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.64))", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.28))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.24))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.16))", }, "colorBackgroundWarningTintThemed": { "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", @@ -477271,19 +513899,19 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #0059EA)", - "hover": "var(--vkui--color_button_icon--hover, #005CF1)", - "normal": "var(--vkui--color_button_icon, #005FF9)", + "active": "var(--vkui--color_button_icon--active, #006FEF)", + "hover": "var(--vkui--color_button_icon--hover, #0073F7)", + "normal": "var(--vkui--color_button_icon, #0077ff)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #0059EA)", - "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", - "normal": "var(--vkui--color_button_stroke, #005FF9)", + "active": "var(--vkui--color_button_stroke--active, #006FEF)", + "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", + "normal": "var(--vkui--color_button_stroke, #0077ff)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #0059EA)", - "hover": "var(--vkui--color_button_text--hover, #005CF1)", - "normal": "var(--vkui--color_button_text, #005FF9)", + "active": "var(--vkui--color_button_text--active, #006FEF)", + "hover": "var(--vkui--color_button_text--hover, #0073F7)", + "normal": "var(--vkui--color_button_text, #0077ff)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -477301,14 +513929,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent, #005FF9)", + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", + "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -477336,9 +513964,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA0A35)", - "hover": "var(--vkui--color_icon_negative--hover, #E40A34)", - "normal": "var(--vkui--color_icon_negative, #ED0A34)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033a)", }, "colorIconNegativeSnackbar": { "active": "var(--vkui--color_icon_negative_snackbar--active, #EB565A)", @@ -477416,9 +514044,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", - "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", - "normal": "var(--vkui--color_panel_header_icon, #005FF9)", + "active": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "normal": "var(--vkui--color_panel_header_icon, #0077ff)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", @@ -477471,14 +514099,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent, #005FF9)", + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -477486,9 +514114,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", - "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", - "normal": "var(--vkui--color_stroke_negative, #ED0A34)", + "active": "var(--vkui--color_stroke_negative--active, #DA043A)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4043A)", + "normal": "var(--vkui--color_stroke_negative, #ED033a)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -477501,14 +514129,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0059EA)", - "hover": "var(--vkui--color_text_accent--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent, #005FF9)", + "active": "var(--vkui--color_text_accent--active, #0068E2)", + "hover": "var(--vkui--color_text_accent--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent, #0070f0)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #0059EA)", - "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", - "normal": "var(--vkui--color_text_accent_themed, #005FF9)", + "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_accent_themed, #0070f0)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -477521,14 +514149,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "active": "var(--vkui--color_text_link--active, #0068E2)", + "hover": "var(--vkui--color_text_link--hover, #006CE9)", + "normal": "var(--vkui--color_text_link, #0070f0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #0055C5)", - "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", - "normal": "var(--vkui--color_text_link_themed, #005BD1)", + "active": "var(--vkui--color_text_link_themed--active, #0068E2)", + "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "normal": "var(--vkui--color_text_link_themed, #0070f0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -477546,9 +514174,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA0A35)", - "hover": "var(--vkui--color_text_negative--hover, #E40A34)", - "normal": "var(--vkui--color_text_negative, #ED0A34)", + "active": "var(--vkui--color_text_negative--active, #DA300E)", + "hover": "var(--vkui--color_text_negative--hover, #E4320C)", + "normal": "var(--vkui--color_text_negative, #ED330a)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -477641,9 +514269,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #0059EA)", - "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", - "normal": "var(--vkui--color_write_bar_icon, #005FF9)", + "active": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "normal": "var(--vkui--color_write_bar_icon, #0077ff)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -477854,8 +514482,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "fontHeadline3": { "fontFamily": "var(--vkui--font_headline3--font_family, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline3--font_size, 13px)", + "fontStyle": "var(--vkui--font_headline3--font_style, normal)", "fontWeight": "var(--vkui--font_headline3--font_weight, 500)", - "lineHeight": "var(--vkui--font_headline3--line_height, 18px)", + "lineHeight": "var(--vkui--font_headline3--line_height, 16px)", }, "fontParagraph": { "regular": { @@ -477899,18 +514528,18 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 24px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", @@ -478374,9 +515003,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { "active": "#06D4EA", @@ -478419,9 +515048,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#4966CF", - "hover": "#4C69D6", - "normal": "#4F6DDC", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -478429,9 +515058,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorAccentSecondary": { "active": "#EB9305", @@ -478444,9 +515073,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -478464,9 +515093,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#F6F7F8", }, "colorBackgroundAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -478474,14 +515103,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "active": "rgba(0, 119, 255, 0.28)", + "hover": "rgba(0, 119, 255, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -478494,14 +515123,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": "#DDE5EF", + "hover": "#E6EEF7", + "normal": "#f0f7ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -478544,9 +515173,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { "active": "#FCD8DF", @@ -478559,14 +515188,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "rgba(237, 10, 52, 0.10)", }, "colorBackgroundNegativeTintThemed": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#faebeb", + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#feefeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 10, 52, 0.16)", - "hover": "rgba(237, 10, 52, 0.12)", - "normal": "rgba(237, 10, 52, 0.08)", + "active": "rgba(237, 51, 10, 0.16)", + "hover": "rgba(237, 51, 10, 0.12)", + "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -478599,9 +515228,19 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(255, 255, 255, 0.20)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorBackgroundSky": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(204, 228, 255, 0.98)", + "hover": "rgba(204, 228, 255, 0.9400000000000001)", + "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { "active": "#E2E5E9", @@ -478609,9 +515248,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(58, 58, 90, 0.12)", + "hover": "rgba(58, 58, 90, 0.08)", + "normal": "rgba(58, 58, 90, 0.04)", }, "colorBackgroundWarning": { "active": "#EBDFA4", @@ -478624,9 +515263,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 241, 173, 0.76)", - "hover": "rgba(255, 241, 173, 0.72)", - "normal": "rgba(255, 241, 173, 0.64)", + "active": "rgba(255, 158, 0, 0.28)", + "hover": "rgba(255, 158, 0, 0.24)", + "normal": "rgba(255, 158, 0, 0.16)", }, "colorBackgroundWarningTintThemed": { "active": "#EBE9D3", @@ -478649,19 +515288,19 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { "active": "#EBECEF", @@ -478679,14 +515318,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconContrast": { "active": "#EBECEF", @@ -478714,9 +515353,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorIconNegativeSnackbar": { "active": "#EB565A", @@ -478794,9 +515433,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -478849,14 +515488,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -478864,9 +515503,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033a", }, "colorStrokePositive": { "active": "#0CB465", @@ -478879,14 +515518,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", @@ -478899,14 +515538,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -478924,9 +515563,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { "active": "#0CB465", @@ -479019,9 +515658,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -479232,8 +515871,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "fontHeadline3": { "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": 13, + "fontStyle": "normal", "fontWeight": 500, - "lineHeight": 18, + "lineHeight": 16, }, "fontParagraph": { "regular": { @@ -479277,18 +515917,18 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, - "lineHeight": 26, + "lineHeight": 24, }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 22, + "lineHeight": 24, }, }, "fontWeightAccent1": 500, @@ -479778,15 +516418,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -479904,15 +516544,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -479932,15 +516572,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -479974,15 +516614,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -480030,15 +516670,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -480419,6 +517059,34 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -480444,7 +517112,7 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.04))", }, }, "colorBackgroundWarning": { @@ -480632,15 +517300,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -480954,15 +517622,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -481108,15 +517776,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -481192,15 +517860,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -481248,15 +517916,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -481584,15 +518252,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -482508,13 +519176,17 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_headline3--font_size", "value": "var(--vkui--font_headline3--font_size, 13px)", }, + "fontStyle": { + "name": "--vkui--font_headline3--font_style", + "value": "var(--vkui--font_headline3--font_style, normal)", + }, "fontWeight": { "name": "--vkui--font_headline3--font_weight", "value": "var(--vkui--font_headline3--font_weight, 500)", }, "lineHeight": { "name": "--vkui--font_headline3--line_height", - "value": "var(--vkui--font_headline3--line_height, 18px)", + "value": "var(--vkui--font_headline3--line_height, 16px)", }, }, "fontParagraph": { @@ -484288,9 +520960,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -484333,9 +521005,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -484343,9 +521015,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -484358,9 +521030,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -484378,9 +521050,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -484517,6 +521189,16 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -484525,7 +521207,7 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "normal": "rgba(255, 255, 255, 0.04)", }, "colorBackgroundWarning": { "active": "#785C14", @@ -484593,9 +521275,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -484708,9 +521390,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -484763,9 +521445,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -484793,9 +521475,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -484813,9 +521495,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -484933,9 +521615,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -485146,8 +521828,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "fontHeadline3": { "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": "13px", + "fontStyle": "normal", "fontWeight": 500, - "lineHeight": "18px", + "lineHeight": "16px", }, "fontParagraph": { "regular": { @@ -485666,9 +522349,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -485711,9 +522394,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -485721,9 +522404,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -485736,9 +522419,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -485756,9 +522439,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -485895,6 +522578,16 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -485903,7 +522596,7 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.04))", }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #785C14)", @@ -485971,9 +522664,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -486086,9 +522779,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -486141,9 +522834,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -486171,9 +522864,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -486191,9 +522884,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -486311,9 +523004,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -486524,8 +523217,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "fontHeadline3": { "fontFamily": "var(--vkui--font_headline3--font_family, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline3--font_size, 13px)", + "fontStyle": "var(--vkui--font_headline3--font_style, normal)", "fontWeight": "var(--vkui--font_headline3--font_weight, 500)", - "lineHeight": "var(--vkui--font_headline3--line_height, 18px)", + "lineHeight": "var(--vkui--font_headline3--line_height, 16px)", }, "fontParagraph": { "regular": { @@ -487044,9 +523738,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -487089,9 +523783,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -487099,9 +523793,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -487114,9 +523808,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -487134,9 +523828,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -487273,6 +523967,16 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -487281,7 +523985,7 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "normal": "rgba(255, 255, 255, 0.04)", }, "colorBackgroundWarning": { "active": "#785C14", @@ -487349,9 +524053,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -487464,9 +524168,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -487519,9 +524223,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -487549,9 +524253,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -487569,9 +524273,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -487689,9 +524393,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -487902,8 +524606,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "fontHeadline3": { "fontFamily": "MailSans, Helvetica, Arial, sans-serif", "fontSize": 13, + "fontStyle": "normal", "fontWeight": 500, - "lineHeight": 18, + "lineHeight": 16, }, "fontParagraph": { "regular": { @@ -488448,15 +525153,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3880FC)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #0077ff)", }, }, "colorAccentCyan": { @@ -488574,15 +525279,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #4F6DDC)", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, "colorAccentRaspberryPink": { @@ -488602,15 +525307,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorAccentRed": { "active": { "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EE1E44)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE143C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED0A34)", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, "colorAccentSecondary": { @@ -488644,15 +525349,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -488700,15 +525405,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -488770,15 +525475,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, }, "colorBackgroundAccentTintThemed": { @@ -488952,15 +525657,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": { "name": "--vkui--color_background_negative_tint_alpha--active", - "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", }, "hover": { "name": "--vkui--color_background_negative_tint_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { @@ -489089,6 +525794,34 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #2b2b2c)", + }, + }, + "colorBackgroundSkyAlpha": { + "active": { + "name": "--vkui--color_background_sky_alpha--active", + "value": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_sky_alpha--hover", + "value": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, + }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", @@ -489302,15 +526035,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "colorIconAccentThemed": { @@ -489610,15 +526343,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, "colorRating": { @@ -489764,15 +526497,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "colorStrokeAccentThemed": { @@ -489848,15 +526581,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { @@ -489904,15 +526637,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { @@ -490240,15 +526973,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, "colorWriteBarInputBackground": { @@ -492996,9 +529729,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -493041,9 +529774,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -493051,9 +529784,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -493066,9 +529799,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -493086,9 +529819,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -493111,9 +529844,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -493176,9 +529909,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -493225,6 +529958,16 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -493301,9 +530044,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -493411,9 +530154,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -493466,9 +530209,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -493496,9 +530239,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -493516,9 +530259,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -493636,9 +530379,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -494388,9 +531131,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3880FC)", - "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", - "normal": "var(--vkui--color_accent_blue, #2775FC)", + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -494433,9 +531176,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_accent_pink, #FF3985)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #5D79DF)", - "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", - "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -494443,9 +531186,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE1E44)", - "hover": "var(--vkui--color_accent_red--hover, #EE143C)", - "normal": "var(--vkui--color_accent_red, #ED0A34)", + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #FFA614)", @@ -494458,9 +531201,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", - "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", - "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + "active": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", + "normal": "var(--vkui--color_action_sheet_text, #0077FF)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -494478,9 +531221,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3880FC)", - "hover": "var(--vkui--color_background_accent--hover, #307BFC)", - "normal": "var(--vkui--color_background_accent, #2775FC)", + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -494503,9 +531246,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.1))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -494568,9 +531311,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", - "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.1))", }, "colorBackgroundNegativeTintThemed": { "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", @@ -494617,6 +531360,16 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", + }, + "colorBackgroundSkyAlpha": { + "active": "var(--vkui--color_background_sky_alpha--active, rgba(51, 51, 51, 0.88))", + "hover": "var(--vkui--color_background_sky_alpha--hover, rgba(51, 51, 51, 0.84))", + "normal": "var(--vkui--color_background_sky_alpha, rgba(51, 51, 51, 0.8))", + }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", @@ -494693,9 +531446,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_header_background, #232324)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -494803,9 +531556,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", - "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + "active": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_panel_header_icon, #0077FF)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -494858,9 +531611,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", - "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -494888,9 +531641,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #4C8CFD)", - "hover": "var(--vkui--color_text_accent--hover, #4487FD)", - "normal": "var(--vkui--color_text_accent, #3C82FD)", + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -494908,9 +531661,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -495028,9 +531781,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", - "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", - "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + "active": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", + "normal": "var(--vkui--color_write_bar_icon, #0077FF)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -495780,9 +532533,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -495825,9 +532578,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#5D79DF", - "hover": "#5673DD", - "normal": "#4F6DDC", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -495835,9 +532588,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EE1E44", - "hover": "#EE143C", - "normal": "#ED0A34", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { "active": "#FFA614", @@ -495850,9 +532603,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -495870,9 +532623,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -495895,9 +532648,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "active": "rgba(0, 119, 255, 0.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -495960,9 +532713,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "active": "rgba(237, 51, 10, 0.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { "active": "#3C3C3D", @@ -496009,6 +532762,16 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.16)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorBackgroundSky": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundSkyAlpha": { + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", + }, "colorBackgroundTertiary": { "active": "#363636", "hover": "#2E2E2E", @@ -496085,9 +532848,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -496195,9 +532958,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -496250,9 +533013,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#3E3F40", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -496280,9 +533043,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#76787A", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -496300,9 +533063,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -496420,9 +533183,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", diff --git a/src/interfaces/namespaces/paradigm/index.ts b/src/interfaces/namespaces/paradigm/index.ts index 9c3a13987..a78a4b662 100644 --- a/src/interfaces/namespaces/paradigm/index.ts +++ b/src/interfaces/namespaces/paradigm/index.ts @@ -127,6 +127,10 @@ export interface LocalParadigmColorsDescriptionStruct { colorTooltipTextGreenThemed: ColorDescription; colorTooltipTextOrangeThemed: ColorDescription; colorTooltipTextPurpleThemed: ColorDescription; + + // Цвета для Байта + colorBackgroundSky: ColorDescription; + colorBackgroundSkyAlpha: ColorDescription; } export type ParadigmLocalColors = { diff --git a/src/interfaces/themes/cloud/index.ts b/src/interfaces/themes/cloud/index.ts index 9ee7c8b4c..5cb538417 100644 --- a/src/interfaces/themes/cloud/index.ts +++ b/src/interfaces/themes/cloud/index.ts @@ -1,7 +1,13 @@ +import { + ColorDescription, + ColorsDescriptionStruct, + ColorWithStates, +} from '@/interfaces/general/colors'; import { Adaptive } from '@/interfaces/general/tools'; import { DefaultViewports } from '@/interfaces/general/tools/viewports'; import { Font } from '@/interfaces/general/typography'; import { + LocalParadigmColorsDescriptionStruct, ParadigmTheme, ParadigmThemeCssVars, ParadigmThemeDescription, @@ -63,6 +69,105 @@ interface ThemeCloudTypohraphy { fontLargeText: Font; } -export interface ThemeCloud extends ParadigmTheme, ThemeCloudTypohraphy {} -export interface ThemeCloudDescription extends ParadigmThemeDescription, ThemeCloudTypohraphy {} +export interface LocalCloudColorsDescriptionStruct { + // Текст + cloudColorTextSecondaryAlpha: ColorDescription; + cloudColorTextAccentAlternative: ColorDescription; + cloudColorTextSnackbarAccent: ColorDescription; + cloudColorTextContrastThemedAlpha: ColorDescription; + + // Background + cloudColorToolbarBackground: ColorDescription; + cloudColorViewerBackground: ColorDescription; + cloudColorTabbarBackgroundAlpha: ColorDescription; + cloudColorHeaderIconBackgroundAlpha: ColorDescription; + cloudColorBackgroundDragAndDrop: ColorDescription; + cloudColorBackgroundCTA: ColorDescription; + cloudColorHeaderSearchBackground: ColorDescription; + cloudColorHeaderSearchBackgroundCollapsed: ColorDescription; + cloudColorBackgroundPortal: ColorDescription; + cloudColorBackgroundAlternative: ColorDescription; + cloudColorBackgroundContentAlternative: ColorDescription; + cloudColorBackgroundFastScroll: ColorDescription; + + // Icons + cloudColorIconAccentAlternative: ColorDescription; + cloudColorIconRating: ColorDescription; + cloudColorIconFolder: ColorDescription; + + // Stroke + cloudColorLandingStrokeTariff: ColorDescription; + + // Pallette + cloudColorSweetblue: ColorDescription; + cloudColorBlueAccentThemed: ColorDescription; + cloudColorSweetgreen: ColorDescription; + cloudColorGreenAccentThemed: ColorDescription; + cloudColorSweetorange: ColorDescription; + cloudColorOrangeAccentThemed: ColorDescription; + cloudColorSweetpurple: ColorDescription; + cloudColorPurpleAccentThemed: ColorDescription; + cloudColorIconIDCardThemedAlpha: ColorDescription; + cloudColorIconIDCard: ColorDescription; + cloudColorIconOfficialThemedAlpha: ColorDescription; + cloudColorIconOfficial: ColorDescription; + cloudColorIconTransportThemed: ColorDescription; + cloudColorIconTransport: ColorDescription; + cloudColorIconFinanceThemed: ColorDescription; + cloudColorIconFinance: ColorDescription; + cloudColorIconFileDocumentInvariably: ColorDescription; + cloudColorIconFilePresentationInvariably: ColorDescription; + cloudColorIconFileTableInvariably: ColorDescription; + cloudColorBackgroundFileDocument: ColorDescription; + cloudColorBackgroundFilePresentation: ColorDescription; + cloudColorBackgroundFileTable: ColorDescription; + cloudColorBackgroundFileOtherAlpha: ColorDescription; + cloudColorBackgroundProfileTariff: ColorDescription; + cloudColorIconProfileTariff: ColorDescription; + cloudColorBackgroundProfileAccess: ColorDescription; + cloudColorIconProfileAccess: ColorDescription; + cloudColorBackgroundProfileUploading: ColorDescription; + cloudColorIconProfileUploading: ColorDescription; + cloudColorBackgroundProfileTrash: ColorDescription; + cloudColorIconProfileTrash: ColorDescription; + cloudColorBackgroundProfileSettings: ColorDescription; + cloudColorIconProfileSettings: ColorDescription; + cloudColorBackgroundProfileMail: ColorDescription; + cloudColorIconProfileMail: ColorDescription; + + // Other + cloudColorLandingBackground: ColorDescription; + cloudColorLandingSecondaryBackground: ColorDescription; + cloudColorLandingTertiaryBackground: ColorDescription; + cloudColorLandingMediumBackground: ColorDescription; + cloudColorLandingButtonBackground: ColorDescription; + cloudColorLandingLabelBackground: ColorDescription; + cloudColorLandingLabelInverseBackground: ColorDescription; + cloudColorLandingControlPrimaryBackground: ColorDescription; + cloudColorLandingControlSecondaryBackground: ColorDescription; + cloudColorSubscriptionButtonBackground: ColorDescription; + cloudColorScrollIndicatorAlpha: ColorDescription; + + // Сайдбар + cloudColorSidebarItemText: ColorDescription; + cloudColorSidebarItemTextPrimary: ColorDescription; + cloudColorSidebarItemTextSecondary: ColorDescription; + cloudColorSidebarItemBackgroundAlpha: ColorDescription; + + // Фон страницы + cloudColorBackground: ColorDescription; + cloudColorOverlayBackground: ColorDescription; +} + +export type CloudLocalColors = { + [key in keyof LocalCloudColorsDescriptionStruct]: ColorWithStates; +}; + +export interface ThemeCloud extends ParadigmTheme, ThemeCloudTypohraphy, CloudLocalColors {} +export interface ThemeCloudDescription extends ParadigmThemeDescription, ThemeCloudTypohraphy { + colors: LocalCloudColorsDescriptionStruct & + LocalParadigmColorsDescriptionStruct & + ColorsDescriptionStruct; +} + export interface ThemeCloudCssVars extends ParadigmThemeCssVars {} diff --git a/src/interfaces/themes/octaviusWhiteDark/index.ts b/src/interfaces/themes/octaviusWhiteDark/index.ts new file mode 100644 index 000000000..a28a6efde --- /dev/null +++ b/src/interfaces/themes/octaviusWhiteDark/index.ts @@ -0,0 +1,9 @@ +import { + ThemeOctavius, + ThemeOctaviusCssVars, + ThemeOctaviusDescription, +} from '@/interfaces/themes/octavius'; + +export type ThemeOctaviusWhiteDark = ThemeOctavius; +export type ThemeOctaviusWhiteDarkDescription = ThemeOctaviusDescription; +export type ThemeOctaviusWhiteDarkCssVars = ThemeOctaviusCssVars; diff --git a/src/interfaces/themes/widgets/index.ts b/src/interfaces/themes/widgets/index.ts new file mode 100644 index 000000000..03f2df886 --- /dev/null +++ b/src/interfaces/themes/widgets/index.ts @@ -0,0 +1,9 @@ +import { + ParadigmTheme, + ParadigmThemeCssVars, + ParadigmThemeDescription, +} from '@/interfaces/namespaces/paradigm'; + +export interface ThemeWidgetsDescription extends ParadigmThemeDescription {} +export interface ThemeWidgets extends ParadigmTheme {} +export interface ThemeWidgetsCssVars extends ParadigmThemeCssVars {} diff --git a/src/interfaces/themes/widgetsDark/index.ts b/src/interfaces/themes/widgetsDark/index.ts new file mode 100644 index 000000000..79e3c0c6b --- /dev/null +++ b/src/interfaces/themes/widgetsDark/index.ts @@ -0,0 +1,9 @@ +import { + ParadigmTheme, + ParadigmThemeCssVars, + ParadigmThemeDescription, +} from '@/interfaces/namespaces/paradigm'; + +export interface ThemeWidgetsDarkDescription extends ParadigmThemeDescription {} +export interface ThemeWidgetsDark extends ParadigmTheme {} +export interface ThemeWidgetsDarkCssVars extends ParadigmThemeCssVars {} diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index 5118ca623..315b77c9b 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -1,3 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`lint snapshot 1`] = `[]`; +exports[`lint snapshot 1`] = ` +[ + "cloud: colors.cloudColorIconTransportThemed error: Color token type mismatch: opaque token name but alpha value", + "cloud: colors.cloudColorIconFinanceThemed error: Color token type mismatch: opaque token name but alpha value", + "cloudDark: colors.cloudColorIconTransportThemed error: Color token type mismatch: opaque token name but alpha value", + "cloudDark: colors.cloudColorIconFinanceThemed error: Color token type mismatch: opaque token name but alpha value", +] +`; diff --git a/src/themeDescriptions/base/paradigm.ts b/src/themeDescriptions/base/paradigm.ts index 623db2e85..7a82e9943 100644 --- a/src/themeDescriptions/base/paradigm.ts +++ b/src/themeDescriptions/base/paradigm.ts @@ -26,9 +26,9 @@ export const lightColors: ColorsDescription = { colorsScheme: 'light', colors: { // Background - colorBackgroundAccent: '#005FF9', - colorBackgroundAccentThemed: '#005FF9', - colorBackgroundAccentThemedAlpha: 'rgba(0, 95, 249, 0.2)', + colorBackgroundAccent: '#0077FF', + colorBackgroundAccentThemed: '#0077FF', + colorBackgroundAccentThemedAlpha: 'rgba(0, 119, 255, 0.2)', colorBackgroundAccentAlternative: '#FF9E00', colorBackgroundContent: '#FFFFFF', colorBackgroundSecondary: '#F0F1F3', @@ -45,7 +45,7 @@ export const lightColors: ColorsDescription = { active: 'rgba(255, 255, 255, 0.28)', }, colorBackgroundWarning: '#FFF1AD', - colorBackgroundNegative: '#ED0A34', + colorBackgroundNegative: '#ED330A', colorBackgroundTertiary: colorBackgroundTertiaryLight, colorBackgroundTertiaryAlpha: { normal: 'rgba(0, 0, 0, 0.04)', @@ -54,7 +54,7 @@ export const lightColors: ColorsDescription = { }, colorBackgroundModal: '#FFFFFF', colorBackgroundPositive: '#0DC268', - colorBackgroundNegativeTint: '#FAEBEB', + colorBackgroundNegativeTint: '#FEEFEB', colorBackgroundPositiveTint: '#ECFAF3', colorFieldBackground: '#ffffff', colorBackgroundModalInverse: '#303030', @@ -64,12 +64,12 @@ export const lightColors: ColorsDescription = { colorBackgroundInfoTint: '#f0f4ff', // Text - colorTextAccent: '#005FF9', - colorTextAccentThemed: '#005FF9', - colorTextNegative: '#ED0A34', - colorTextLink: '#005BD1', + colorTextAccent: '#0070f0', + colorTextAccentThemed: '#0070f0', + colorTextNegative: '#ED330a', + colorTextLink: '#0070f0', colorTextLinkTint: '#71AAEB', - colorTextLinkThemed: '#005BD1', + colorTextLinkThemed: '#0070f0', colorTextMuted: '#2C2D2E', colorTextPrimary: '#2C2D2E', colorTextPrimaryInvariably: '#2C2D2E', @@ -83,8 +83,8 @@ export const lightColors: ColorsDescription = { colorTextPositive: '#0DC268', // Icons - colorIconAccent: '#005FF9', - colorIconAccentThemed: '#005FF9', + colorIconAccent: '#0077ff', + colorIconAccentThemed: '#0077ff', colorIconPrimary: '#2C2D2E', colorIconPrimaryInvariably: '#2C2D2E', colorIconMedium: '#919399', @@ -97,14 +97,14 @@ export const lightColors: ColorsDescription = { colorIconContrastThemed: '#FFFFFF', colorIconPositive: '#0DC268', colorIconWarning: '#FF9E00', - colorIconNegative: '#ED0A34', + colorIconNegative: '#ED033a', colorIconContrastSecondary: '#F2F3F5', // Stroke - colorStrokeAccent: '#005FF9', - colorStrokeAccentThemed: '#005FF9', + colorStrokeAccent: '#0077ff', + colorStrokeAccentThemed: '#0077ff', colorStrokeContrast: '#FFFFFF', - colorStrokeNegative: '#ED0A34', + colorStrokeNegative: '#ED033a', colorImageBorderAlpha: 'rgba(0, 16, 61, 0.08)', colorFieldBorderAlpha: 'rgba(0, 16, 61, 0.12)', colorSeparatorPrimaryAlpha: 'rgba(0, 16, 61, 0.12)', @@ -115,9 +115,9 @@ export const lightColors: ColorsDescription = { colorSeparatorPrimary3x: '#BFC3CA', // Palette - colorAccentBlue: '#005FF9', + colorAccentBlue: '#0077FF', colorAccentGray: '#A5A7AD', - colorAccentRed: '#ED0A34', + colorAccentRed: '#ED033A', colorAccentOrangeFire: '#F05C44', colorAccentOrange: '#FF9E00', colorAccentOrangePeach: '#F9B54F', @@ -125,16 +125,16 @@ export const lightColors: ColorsDescription = { colorAccentGreen: '#0DC268', colorAccentCyan: '#07E5F9', colorAccentAzure: '#0077FF', - colorAccentPurple: '#4F6DDC', + colorAccentPurple: '#8C64FF', colorAccentViolet: '#C15DF3', colorAccentRaspberryPink: '#E03FAB', colorAccentPink: '#FF3985', colorAccentSecondary: '#FF9E00', // Other - colorActionSheetText: '#005FF9', + colorActionSheetText: '#0077ff', colorHeaderBackground: '#FFFFFF', - colorPanelHeaderIcon: '#005FF9', + colorPanelHeaderIcon: '#0077ff', colorWriteBarInputBackground: '#F0F1F3', colorWriteBarInputBorder: '#E1E3E6', colorWriteBarInputBorderAlpha: 'rgba(0, 16, 61, 0.8)', @@ -143,7 +143,7 @@ export const lightColors: ColorsDescription = { colorImagePlaceholder: '#E6E7EB', colorImagePlaceholderAlpha: 'rgba(0, 16, 61, 0.8)', colorSearchFieldBackground: '#E6E7EB', - colorWriteBarIcon: '#005FF9', + colorWriteBarIcon: '#0077ff', colorSkeletonFrom: '#F3F3F5', colorSkeletonTo: '#E0E1E6', colorAvatarOverlay: 'rgba(145, 147, 153, 0.48)', @@ -152,9 +152,9 @@ export const lightColors: ColorsDescription = { colorOverlaySecondary: 'rgba(44, 45, 46, 0.5)', colorSegmentedControl: '#FFFFFF', colorTabbarTextInactive: '#99A2AD', - colorButtonText: '#005FF9', - colorButtonIcon: '#005FF9', - colorButtonStroke: '#005FF9', + colorButtonText: '#0077ff', + colorButtonIcon: '#0077ff', + colorButtonStroke: '#0077ff', colorTransparent: 'transparent', }, }; @@ -163,7 +163,7 @@ export const darkColors: ColorsDescription = { colorsScheme: 'dark', colors: { // Background - colorBackgroundAccent: '#2775FC', + colorBackgroundAccent: '#0077FF', colorBackgroundAccentThemed: '#FFFFFF', colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, 0.2)', colorBackgroundAccentAlternative: '#FF9E00', @@ -201,10 +201,10 @@ export const darkColors: ColorsDescription = { colorBackgroundInfoTint: '#19202f', // Text - colorTextAccent: '#3C82FD', + colorTextAccent: '#1A85FF', colorTextAccentThemed: '#FFFFFF', colorTextNegative: '#FF5C5C', - colorTextLink: '#589BFF', + colorTextLink: '#1A85FF', colorTextLinkTint: '#71AAEB', colorTextLinkThemed: '#FFFFFF', colorTextMuted: '#E7E8EA', @@ -220,7 +220,7 @@ export const darkColors: ColorsDescription = { colorTextPositive: '#0DC268', // Icons - colorIconAccent: '#3C82FD', + colorIconAccent: '#0077FF', colorIconAccentThemed: '#FFFFFF', colorIconPrimary: '#D9DADD', colorIconPrimaryInvariably: '#2C2D2E', @@ -238,7 +238,7 @@ export const darkColors: ColorsDescription = { colorIconContrastSecondary: '#F2F3F5', // Stroke - colorStrokeAccent: '#3C82FD', + colorStrokeAccent: '#0077FF', colorStrokeAccentThemed: '#FFFFFF', colorStrokeContrast: '#FFFFFF', colorStrokeNegative: '#FF5C5C', @@ -252,9 +252,9 @@ export const darkColors: ColorsDescription = { colorStrokePositive: '#0DC268', // Palette - colorAccentBlue: '#2775FC', + colorAccentBlue: '#0077ff', colorAccentGray: '#9C9DA2', - colorAccentRed: '#ED0A34', + colorAccentRed: '#ED330A', colorAccentOrangeFire: '#F05C44', colorAccentOrange: '#FF9E00', colorAccentOrangePeach: '#FFC062', @@ -262,16 +262,16 @@ export const darkColors: ColorsDescription = { colorAccentGreen: '#0DC268', colorAccentCyan: '#07E5F9', colorAccentAzure: '#0077FF', - colorAccentPurple: '#4F6DDC', + colorAccentPurple: '#8C64FF', colorAccentViolet: '#C15DF3', colorAccentRaspberryPink: '#F060C0', colorAccentPink: '#FF3985', colorAccentSecondary: '#FF9E00', // Other - colorActionSheetText: '#3C82FD', + colorActionSheetText: '#0077FF', colorHeaderBackground: '#232324', - colorPanelHeaderIcon: '#3C82FD', + colorPanelHeaderIcon: '#0077FF', colorWriteBarInputBackground: '#2A2A2B', colorWriteBarInputBorder: '#2C2D2E', colorWriteBarInputBorderAlpha: 'rgba(255, 255, 255, 0.8)', @@ -280,7 +280,7 @@ export const darkColors: ColorsDescription = { colorImagePlaceholderAlpha: 'rgba(255, 255, 255, 0.8)', colorImagePlaceholder: '#393A3B', colorSearchFieldBackground: '#393A3B', - colorWriteBarIcon: '#3C82FD', + colorWriteBarIcon: '#0077FF', colorSkeletonFrom: '#2A2A2B', colorSkeletonTo: '#3E3F40', colorAvatarOverlay: 'rgba(176, 178, 182, 0.48)', @@ -802,18 +802,18 @@ export const lightTheme: ParadigmThemeDescription = { colorThumbErrorBackgroundAlpha: 'rgba(237, 10, 52, 0.12)', // Тонированные цвета для проектов - colorBackgroundAccentTintThemedAlpha: 'rgba(0, 95, 249, 0.06)', - colorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.06)', - colorBackgroundAccentTintThemed: '#f0f4ff', + colorBackgroundAccentTintThemedAlpha: 'rgba(0, 119, 255, 0.06)', + colorBackgroundAccentTintAlpha: 'rgba(0, 119, 255, 0.06)', + colorBackgroundAccentTintThemed: '#f0f7ff', colorBackgroundWarningTintThemedAlpha: 'rgba(255, 241, 173, 0.48)', colorBackgroundWarningTintAlpha: 'rgba(255, 241, 173, 0.48)', colorBackgroundWarningTintThemed: '#fffce0', colorBackgroundWarningTint: '#fffce0', - colorBackgroundNegativeTintThemedAlpha: 'rgba(237, 10, 52, 0.08)', - colorBackgroundNegativeTintAlpha: 'rgba(237, 10, 52, 0.08)', - colorBackgroundNegativeTintThemed: '#faebeb', + colorBackgroundNegativeTintThemedAlpha: 'rgba(237, 51, 10, 0.08)', + colorBackgroundNegativeTintAlpha: 'rgba(237, 51, 10, 0.08)', + colorBackgroundNegativeTintThemed: '#feefeb', colorBackgroundPositiveTintThemedAlpha: 'rgba(13, 194, 104, 0.08)', colorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.08)', @@ -827,6 +827,10 @@ export const lightTheme: ParadigmThemeDescription = { colorTooltipTextGreenThemed: '#087C6D', colorTooltipTextOrangeThemed: '#78472A', colorTooltipTextPurpleThemed: '#73519F', + + // Byte colors + colorBackgroundSky: '#cce4ff', + colorBackgroundSkyAlpha: 'rgba(204, 228, 255, 0.9)', }, breakpoints: { @@ -1093,7 +1097,7 @@ export const darkTheme: ParadigmThemeDescription = { // Тонированные цвета для проектов colorBackgroundAccentTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', - colorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.1)', + colorBackgroundAccentTintAlpha: 'rgba(0, 119, 255, 0.1)', colorBackgroundAccentTintThemed: '#2b2b2c', colorBackgroundWarningTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', @@ -1102,7 +1106,7 @@ export const darkTheme: ParadigmThemeDescription = { colorBackgroundWarningTint: '#302617', colorBackgroundNegativeTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', - colorBackgroundNegativeTintAlpha: 'rgba(237, 10, 52, 0.1)', + colorBackgroundNegativeTintAlpha: 'rgba(237, 51, 10, 0.1)', colorBackgroundNegativeTintThemed: '#2b2b2c', colorBackgroundPositiveTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', @@ -1117,6 +1121,10 @@ export const darkTheme: ParadigmThemeDescription = { colorTooltipTextGreenThemed: '#FFFFFF', colorTooltipTextOrangeThemed: '#FFFFFF', colorTooltipTextPurpleThemed: '#FFFFFF', + + // Byte colors + colorBackgroundSky: '#2b2b2c', + colorBackgroundSkyAlpha: 'rgba(51, 51, 51, 0.8)', }, }; diff --git a/src/themeDescriptions/common/colors/projectColors.ts b/src/themeDescriptions/common/colors/projectColors.ts index a03604d85..f6e7f084e 100644 --- a/src/themeDescriptions/common/colors/projectColors.ts +++ b/src/themeDescriptions/common/colors/projectColors.ts @@ -21,21 +21,21 @@ export type ProjectColors = { }; export const projectColors: ProjectColors = { - colorPrimaryAuto: '#ff4f00', - colorPrimaryBase: '#005ff9', - colorPrimaryDeti: '#ca9cf4', + colorPrimaryAuto: '#0077FF', + colorPrimaryBase: '#0077FF', + colorPrimaryDeti: '#0077FF', colorPrimaryDobro: '#ffd400', - colorPrimaryHealth: '#008079', - colorPrimaryHealthNew: '#3cd298', - colorPrimaryHitech: '#5856d6', - colorPrimaryKino: '#eaff00', - colorPrimaryLady: '#ff2d54', + colorPrimaryHealth: '#0077FF', + colorPrimaryHealthNew: '#0077FF', + colorPrimaryHitech: '#0077FF', + colorPrimaryKino: '#0077FF', + colorPrimaryLady: '#0077FF', colorPrimaryMycom: '#00abf2', colorPrimaryRealty: '#4c8ebc', colorPrimaryPharma: '#1DD3A2', - colorPrimaryPets: '#fd696e', + colorPrimaryPets: '#0077FF', - colorSecondaryBase: '#ff9e00', - colorSecondaryHealth: '#fde953', + colorSecondaryBase: '#0077FF', + colorSecondaryHealth: '#0077FF', colorSecondaryMycom: '#fc2c38', }; diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 79d184faa..7ae933733 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -8,6 +8,7 @@ import { mycomTheme } from '@/themeDescriptions/themes/mycom'; import { octaviusDarkTheme, octaviusTheme, + octaviusWhiteDarkTheme, octaviusWhiteTheme, } from '@/themeDescriptions/themes/octavius'; import { @@ -41,6 +42,7 @@ import { } from '@/themeDescriptions/themes/vkontakteAndroid'; import { vkontakteComTheme, vkontakteComThemeDark } from '@/themeDescriptions/themes/vkontakteCom'; import { vkontakteIOSTheme, vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; +import { widgetsDarkTheme, widgetsTheme } from '@/themeDescriptions/themes/widgets'; import { workspaceAdminDarkTheme, workspaceAdminTheme, @@ -92,6 +94,7 @@ export const themes = [ calendarTheme, calendarDarkTheme, octaviusWhiteTheme, + octaviusWhiteDarkTheme, // Темы, наследуемые от Media mediaTheme, @@ -130,6 +133,10 @@ export const themes = [ // Темы, наследуемые от WorkspaceLandings workspaceLandingsTheme, + // Темы, наследуемые от Widgets + widgetsTheme, + widgetsDarkTheme, + // Прочие темы callsTheme, todoTheme, diff --git a/src/themeDescriptions/themes/cloud/index.ts b/src/themeDescriptions/themes/cloud/index.ts index 7cd12f025..f8187aff5 100644 --- a/src/themeDescriptions/themes/cloud/index.ts +++ b/src/themeDescriptions/themes/cloud/index.ts @@ -259,11 +259,6 @@ export const cloudTheme: ThemeCloudDescription = { regular: x5, }, - elevation1: 'none', - elevation2: 'none', - elevation3: '0px 4px 32px rgba(0, 16, 61, 0.32)', - elevation4: '0px 16px 48px rgba(0, 16, 61, 0.48)', - sizeAvatarXL: { compact: 120, regular: 160, @@ -277,9 +272,102 @@ export const cloudTheme: ThemeCloudDescription = { regular: 8, }, + // Локальные цвета Облака colors: { ...lightTheme.colors, colorBackgroundNegative: '#E64646', + + // Текст + cloudColorTextSecondaryAlpha: 'rgba(255, 255, 255, .6)', + cloudColorTextAccentAlternative: '#ff9e00', + cloudColorTextSnackbarAccent: '#65a0ff', + cloudColorTextContrastThemedAlpha: 'rgba(255, 255, 255, .6)', + + // Background + cloudColorToolbarBackground: '#ffffff', + cloudColorViewerBackground: '#000000', + cloudColorTabbarBackgroundAlpha: 'rgba(255, 255, 255, .9)', + cloudColorHeaderIconBackgroundAlpha: 'rgba(71, 71, 71, .06)', + cloudColorBackgroundDragAndDrop: '#ebf2ff', + cloudColorBackgroundCTA: '#f5f9ff', + cloudColorHeaderSearchBackground: '#ffffff', + cloudColorHeaderSearchBackgroundCollapsed: '#f0f1f3', + cloudColorBackgroundPortal: '#f6f7f8', + cloudColorBackgroundAlternative: '#f3f3f5', + cloudColorBackgroundContentAlternative: '#ffffff', + cloudColorBackgroundFastScroll: '#ffffff', + + // Icons + cloudColorIconAccentAlternative: '#ff9e00', + cloudColorIconRating: '#ffd400', + cloudColorIconFolder: '#fedd69', + + // Stroke + cloudColorLandingStrokeTariff: '#249afc', + + // Pallette + cloudColorSweetblue: '#dde9ff', + cloudColorBlueAccentThemed: '#1c4479', + cloudColorSweetgreen: '#ceeee6', + cloudColorGreenAccentThemed: '#087c6d', + cloudColorSweetorange: '#f9d3bd', + cloudColorOrangeAccentThemed: '#78472a', + cloudColorSweetpurple: '#f2e8ff', + cloudColorPurpleAccentThemed: '#73519f', + cloudColorIconIDCardThemedAlpha: 'rgba(0, 95, 249, .2)', + cloudColorIconIDCard: '#0077ff', + cloudColorIconOfficialThemedAlpha: 'rgba(236, 71, 80, .2)', + cloudColorIconOfficial: '#ec4750', + cloudColorIconTransportThemed: 'rgba(174, 126, 236, .2)', + cloudColorIconTransport: '#ae7eec', + cloudColorIconFinanceThemed: 'rgba(36, 199, 128, .2)', + cloudColorIconFinance: '#24c780', + cloudColorIconFileDocumentInvariably: '#018bf2', + cloudColorIconFilePresentationInvariably: '#da4c4e', + cloudColorIconFileTableInvariably: '#019784', + cloudColorBackgroundFileDocument: '#e1f0fd', + cloudColorBackgroundFilePresentation: '#fae9ea', + cloudColorBackgroundFileTable: '#e1f2f0', + cloudColorBackgroundFileOtherAlpha: 'rgba(0, 16, 61, .05)', + cloudColorBackgroundProfileTariff: '#fecad6', + cloudColorIconProfileTariff: '#ff3985', + cloudColorBackgroundProfileAccess: '#c3edb3', + cloudColorIconProfileAccess: '#018646', + cloudColorBackgroundProfileUploading: '#fddda8', + cloudColorIconProfileUploading: '#bc5a00', + cloudColorBackgroundProfileTrash: '#dadce0', + cloudColorIconProfileTrash: '#656567', + cloudColorBackgroundProfileSettings: '#b0f2d6', + cloudColorIconProfileSettings: '#008272', + cloudColorBackgroundProfileMail: '#b8e1ff', + cloudColorIconProfileMail: '#0077ff', + + // Other + cloudColorLandingBackground: '#f3f3f5', + cloudColorLandingSecondaryBackground: '#ffffff', + cloudColorLandingTertiaryBackground: '#ffffff', + cloudColorLandingMediumBackground: '#f6f7f8', + cloudColorLandingButtonBackground: '#ebf2ff', + cloudColorLandingLabelBackground: '#d9e6fb', + cloudColorLandingLabelInverseBackground: '#2c2d2e', + cloudColorLandingControlPrimaryBackground: '#ffffff', + cloudColorLandingControlSecondaryBackground: '#e7e8ec', + cloudColorSubscriptionButtonBackground: '#0077ff', + cloudColorScrollIndicatorAlpha: 'rgba(104, 106, 113, .65)', + + // Сайдбар + cloudColorSidebarItemText: '#333333', + cloudColorSidebarItemTextPrimary: '#2C2D2E', + cloudColorSidebarItemTextSecondary: '#87898F', + cloudColorSidebarItemBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.24)', + active: 'rgba(255, 255, 255, 0.24)', + }, + + // Фон страницы + cloudColorBackground: lightTheme.colors.colorBackground, + cloudColorOverlayBackground: 'transparent', }, }; @@ -291,5 +379,93 @@ export const cloudDarkTheme: ThemeCloudDarkDescription = { colors: { ...cloudTheme.colors, ...darkTheme.colors, + + // Текст + cloudColorTextSecondaryAlpha: 'rgba(255, 255, 255, .48)', + cloudColorTextAccentAlternative: '#ff9e00', + cloudColorTextSnackbarAccent: '#65a0ff', + cloudColorTextContrastThemedAlpha: 'rgba(255, 255, 255, .6)', + + // Background + cloudColorToolbarBackground: '#1f1f1f', + cloudColorViewerBackground: '#000000', + cloudColorTabbarBackgroundAlpha: 'rgba(43, 43, 43, .9)', + cloudColorHeaderIconBackgroundAlpha: 'rgba(180, 180, 180, .16)', + cloudColorBackgroundDragAndDrop: '#000b1e', + cloudColorBackgroundCTA: '#1b1d21', + cloudColorHeaderSearchBackground: '#303030', + cloudColorHeaderSearchBackgroundCollapsed: '#303030', + cloudColorBackgroundPortal: '#19191a', + cloudColorBackgroundAlternative: '#191919', + cloudColorBackgroundContentAlternative: '#2a2a2a', + cloudColorBackgroundFastScroll: '#39393c', + + // Icons + cloudColorIconAccentAlternative: '#ff9e00', + cloudColorIconRating: '#ffd400', + cloudColorIconFolder: '#fedd69', + + // Stroke + cloudColorLandingStrokeTariff: '#249afc', + + // Pallette + cloudColorSweetblue: '#1c4479', + cloudColorBlueAccentThemed: '#ffffff', + cloudColorSweetgreen: '#087c6d', + cloudColorGreenAccentThemed: '#ffffff', + cloudColorSweetorange: '#78472a', + cloudColorOrangeAccentThemed: '#ffffff', + cloudColorSweetpurple: '#73519f', + cloudColorPurpleAccentThemed: '#ffffff', + cloudColorIconIDCardThemedAlpha: 'rgba(255, 255, 255, .08)', + cloudColorIconIDCard: '#1b85ff', + cloudColorIconOfficialThemedAlpha: 'rgba(255, 255, 255, .08)', + cloudColorIconOfficial: '#ec4750', + cloudColorIconTransportThemed: 'rgba(255, 255, 255, .08)', + cloudColorIconTransport: '#ae7eec', + cloudColorIconFinanceThemed: 'rgba(255, 255, 255, .08)', + cloudColorIconFinance: '#24c780', + cloudColorIconFileDocumentInvariably: '#018bf2', + cloudColorIconFilePresentationInvariably: '#da4c4e', + cloudColorIconFileTableInvariably: '#019784', + cloudColorBackgroundFileDocument: '#353535', + cloudColorBackgroundFilePresentation: '#353535', + cloudColorBackgroundFileTable: '#353535', + cloudColorBackgroundFileOtherAlpha: 'rgba(255, 255, 255, .08)', + cloudColorBackgroundProfileTariff: '#563940', + cloudColorIconProfileTariff: '#ff5b9a', + cloudColorBackgroundProfileAccess: '#354c2c', + cloudColorIconProfileAccess: '#5cba38', + cloudColorBackgroundProfileUploading: '#524228', + cloudColorIconProfileUploading: '#ff9e00', + cloudColorBackgroundProfileTrash: '#414346', + cloudColorIconProfileTrash: '#c9c9c9', + cloudColorBackgroundProfileSettings: '#30443b', + cloudColorIconProfileSettings: '#06c7af', + cloudColorBackgroundProfileMail: '#273d4e', + cloudColorIconProfileMail: '#1b85ff', + + // Other + cloudColorLandingBackground: '#000000', + cloudColorLandingSecondaryBackground: '#303030', + cloudColorLandingTertiaryBackground: '#191919', + cloudColorLandingMediumBackground: '#19191a', + cloudColorLandingButtonBackground: '#191919', + cloudColorLandingLabelBackground: '#191919', + cloudColorLandingLabelInverseBackground: '#2775fc', + cloudColorLandingControlPrimaryBackground: '#3b3b3b', + cloudColorLandingControlSecondaryBackground: '#262627', + cloudColorSubscriptionButtonBackground: '#191919', + cloudColorScrollIndicatorAlpha: 'rgba(255, 255, 255, .28)', + cloudColorSidebarItemText: '#ffffff', + cloudColorSidebarItemTextPrimary: '#e7e8ea', + cloudColorSidebarItemTextSecondary: '#8c8e94', + cloudColorSidebarItemBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.24)', + active: 'rgba(255, 255, 255, 0.24)', + }, + cloudColorBackground: darkTheme.colors.colorBackground, + cloudColorOverlayBackground: 'transparent', }, }; diff --git a/src/themeDescriptions/themes/media/index.ts b/src/themeDescriptions/themes/media/index.ts index 1bd70eb6c..59b899c79 100644 --- a/src/themeDescriptions/themes/media/index.ts +++ b/src/themeDescriptions/themes/media/index.ts @@ -10,7 +10,7 @@ const { fontWeightBase3 } = lightTheme; const { x0, x05, x2, x3, x4, x5, x6, x8, x10, x12 } = helpers; const fontFamilyBase: Property.FontFamily = 'Inter, Helvetica, Arial, sans-serif'; -const fontFamilyAccent: Property.FontFamily = `MailSans, ${fontFamilyBase}`; +const fontFamilyAccent: Property.FontFamily = `VKSansDisplay, MailSans, ${fontFamilyBase}`; const fontFamilyArticle: Property.FontFamily = fontFamilyBase; const fontFamilyFallbacks: Property.FontFamily = fontFamilyBase; diff --git a/src/themeDescriptions/themes/octavius/index.ts b/src/themeDescriptions/themes/octavius/index.ts index 06237051b..638253668 100644 --- a/src/themeDescriptions/themes/octavius/index.ts +++ b/src/themeDescriptions/themes/octavius/index.ts @@ -16,7 +16,7 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusShadowSidebarItemIcon: 'none', octaviusElevationCard: 'none', octaviusShadowEmptyStateText: 'none', - octaviusElevationHeader: 'none', + octaviusElevationHeader: '0px 0px 16px rgba(2, 13, 41, 0.16)', colors: { ...lightTheme.colors, ...socialColors, @@ -45,6 +45,7 @@ export const octaviusTheme: ThemeOctaviusDescription = { colorPaletteViolet1: '#6c00ff', colorPaletteViolet2: '#ae73ff', colorAlert: '#c1341b', + colorAccentBlue: '#0077FF', // Палитра для промо банеров colorTagBackgroundMint: '#B3F0DD', @@ -71,7 +72,7 @@ export const octaviusTheme: ThemeOctaviusDescription = { active: 'rgba(0, 16, 61, 0.08)', }, - octaviusColorBackground: lightTheme.colors.colorBackground, + octaviusColorBackground: '#F6F7F8', octaviusColorBackgroundAccentTonedAlpha: toneOpacity( lightTheme.colors.colorBackgroundAccent, 0.12, @@ -79,34 +80,36 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusColorOverlayBackground: 'transparent', // Header - octaviusColorHeaderBackground: lightTheme.colors.colorBackgroundAccent, - octaviusColorHeaderButtonText: lightTheme.colors.colorTextContrast, + octaviusColorHeaderBackground: '#FFFFFF', + octaviusColorHeaderButtonText: '#2C2D2E', octaviusColorHeaderButtonBackgroundAlpha: { normal: 'transparent', - hover: toneOpacity('#00103D', 0.12), - active: toneOpacity('#00103D', 0.24), + hover: 'rgba(255, 255, 255, 0.64)', + active: 'rgba(255, 255, 255, 0.4)', }, octaviusColorHeaderIcon: lightTheme.colors.colorIconContrast, - octaviusColorHeaderIconUnread: lightTheme.colors.colorIconContrast, - octaviusColorHeaderIconFavorite: lightTheme.colors.colorIconContrast, - octaviusColorHeaderIconAttach: lightTheme.colors.colorIconContrast, + octaviusColorHeaderIconUnread: '#0077ff', + octaviusColorHeaderIconFavorite: '#FC2C38', + octaviusColorHeaderIconAttach: '#D9DADD', octaviusColorHeaderTextSecondary: '#93969b', octaviusColorHeaderSearchIcon: '#b6b8be', - octaviusColorHeaderSearchChipBackground: lightTheme.colors.colorBackgroundSecondary, + octaviusColorHeaderSearchChipBackground: { + normal: '#FFFFFF', + hover: 'rgba(255, 255, 255, 0.64)', + active: 'rgba(255, 255, 255, 0.4)', + }, octaviusColorHeaderSearchChipBackgroundEditable: '#ffffff', octaviusColorHeaderSearchChipBorderEditableAlpha: lightTheme.colors.colorFieldBorderAlpha, - octaviusColorHeaderSearchBackground: '#ffffff', - octaviusColorHeaderSearchBackgroundCollapsed: '#ffffff', + octaviusColorHeaderSearchBackground: '#f0f1f3', + octaviusColorHeaderSearchBackgroundCollapsed: '#f0f1f3', octaviusColorHeaderSearchText: lightTheme.colors.colorTextPrimary, octaviusColorHeaderSearchTextCollapsed: lightTheme.colors.colorTextSecondary, - octaviusColorHeaderFilterTextAlpha: 'rgba(255, 255, 255, .48)', - - octaviusColorHeaderProgress: lightTheme.colors.colorBackgroundAccentAlternative, + octaviusColorHeaderFilterTextAlpha: lightColors.colors.colorIconMediumAlpha, octaviusColorHeaderTabActiveThemedAlpha: 'rgba(0, 95, 249, .10)', - octaviusColorHeaderTabTextActiveThemed: '#005FF9', + octaviusColorHeaderTabTextActiveThemed: '#0077ff', octaviusColorPortalSearchBackgroundAlpha: 'rgba(255, 255, 255, .99)', octaviusColorPortalSearchIconThemedAlpha: 'rgba(0, 95, 255, .99)', @@ -142,7 +145,7 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusColorSidebarComposeButtonText: '#2c2d2e', octaviusColorSidebarComposeButtonIcon: '#2c2d2e', - octaviusColorSidebarIconUnread: '#005FF9', + octaviusColorSidebarIconUnread: '#0077FF', octaviusColorSidebarIconFavorite: '#fc2c38', octaviusColorSidebarIconOrder: '#ff54aa', octaviusColorSidebarIconFinance: '#2fc885', @@ -156,7 +159,6 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusColorActionArchive: '#1F5C23', // Category - octaviusColorIconUnread: '#005FF9', octaviusColorIconFavorite: '#fc2c38', octaviusColorIconOrder: '#ff54aa', octaviusColorIconFinance: '#2fc885', @@ -230,11 +232,11 @@ export const octaviusTheme: ThemeOctaviusDescription = { // Snackbar octaviusColorSnackbarIconPositive: '#0DC268', octaviusColorSnackbarIconNegative: '#FF5C5C', - octaviusColorSnackbarIconAccent: '#589BFF', + octaviusColorSnackbarIconAccent: '#0077FF', octaviusColorSnackbarIconSecondary: '#9C9DA2', octaviusColorSnackbarIconWarning: '#FF9E00', - octaviusColorSnackbarTextAccent: '#589BFF', + octaviusColorSnackbarTextAccent: '#1A85FF', octaviusColorSnackbarTextContrast: '#FFFFFF', octaviusColorSnackbarBackground: '#303030', @@ -243,6 +245,8 @@ export const octaviusTheme: ThemeOctaviusDescription = { active: 'rgba(255, 255, 255, 0.04)', hover: 'rgba(255, 255, 255, 0.08)', }, + octaviusColorIconUnread: '#0077FF', + octaviusColorHeaderProgress: '#0077FF', }, octaviusTextShadowEmptyStateText: 'none', @@ -255,8 +259,7 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusFontFamilyDefault: 'HelveticaNeue, Helvetica, Arial, sans-serif', - octaviusFontFamilyMailSans: - 'VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif', + octaviusFontFamilyMailSans: 'MailSans, HelveticaNeue, Helvetica, Arial, sans-serif', octaviusFontFamilyGlobal: 'Arial, Tahoma, Verdana, sans-serif', octaviusFontFamilyMac: 'Helvetica, Arial, Tahoma, Verdana, sans-serif', @@ -319,7 +322,6 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { octaviusColorHeaderIconUnread: darkTheme.colors.colorIconContrast, octaviusColorHeaderIconFavorite: darkTheme.colors.colorIconContrast, octaviusColorHeaderIconAttach: darkTheme.colors.colorIconContrast, - octaviusColorHeaderProgress: darkTheme.colors.colorBackgroundAccentAlternative, octaviusColorHeaderSearchBackground: '#303030', octaviusColorHeaderSearchBackgroundCollapsed: darkTheme.colors.colorBackgroundModal, @@ -372,7 +374,7 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { active: 'rgba(255, 255, 255, 0.24)', }, - octaviusColorSidebarIconUnread: '#0C7CFF', + octaviusColorSidebarIconUnread: '#0077FF', octaviusColorSidebarIconFavorite: '#FF4550', octaviusColorSidebarIconOrder: '#F94CA3', octaviusColorSidebarIconFinance: '#24C780', @@ -394,7 +396,6 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { octaviusColorActionArchive: '#0EAB67', // Category - octaviusColorIconUnread: '#0C7CFF', octaviusColorIconFavorite: '#FF4550', octaviusColorIconOrder: '#F94CA3', octaviusColorIconFinance: '#24C780', @@ -440,43 +441,483 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { octaviusColorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.12)', octaviusColorButtonBackgroundContrastAlpha: 'rgba(250, 250, 250, 0.12)', + + octaviusColorIconUnread: '#0077FF', + octaviusColorHeaderProgress: '#0077FF', }, octaviusColorLetterAttachListBackground: 'linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)', }; export const octaviusWhiteTheme: ThemeOctaviusDescription = { - ...octaviusTheme, + ...lightTheme, themeName: 'octaviusWhite', + themeNameBase: 'octavius', + octaviusShadowSidebarItemText: 'none', + octaviusShadowSidebarItemIcon: 'none', + octaviusElevationCard: 'none', + octaviusShadowEmptyStateText: 'none', + octaviusElevationHeader: '0px 0px 16px rgba(2, 13, 41, 0.16)', colors: { - ...octaviusTheme.colors, + ...lightTheme.colors, + ...socialColors, + + // Thumnails + colorBackgroundThumbnail: '#EBECEF', + colorBackgroundThumbnailAlpha: 'rgba(0, 16, 61, 0.08)', + + // Палитра цветов + colorPaletteRed1: '#fc2c38', + colorPaletteRed2: '#eb1981', + colorPaletteRed3: '#ff71bb', + colorPaletteOrange1: '#ff8b2e', + colorPaletteOrange1Alpha: getRGBA('#FF9E00', 0.12), + colorPaletteYellow1: '#ffc311', + colorPaletteGreen1: '#aee113', + colorPaletteGreen2: '#59c354', + colorPaletteGreen3: '#37eb94', + colorPaletteGreen4: '#00b1b3', + colorPaletteGreen1Alpha: getRGBA('#5CBA38', 0.12), + colorPaletteGreen2Alpha: getRGBA('#00E6B4', 0.08), + colorPaletteBlue1: '#2951ff', + colorPaletteBlue2: '#00abf2', + colorPaletteBlue3: '#26dfdf', + colorPaletteBlue1Alpha: getRGBA('#005FF9', 0.12), + colorPaletteViolet1: '#6c00ff', + colorPaletteViolet2: '#ae73ff', + colorAlert: '#c1341b', + + // Палитра для промо банеров + colorTagBackgroundMint: '#B3F0DD', + colorTagTextMint: '#205B5B', + colorTagBackgroundSky: '#A4DEFF', + colorTagTextSky: '#203F5B', + colorTagBackgroundOrange: '#FFD2A8', + colorTagTextOrange: '#5B3620', + colorTagBackgroundPink: '#FFB2DA', + colorTagTextPink: '#51205B', + colorTagBackgroundPurple: '#CEB3F0', + colorTagTextPurple: '#38205B', + + octaviusColorPlaceholderBackground: '#ffffff', + octaviusColorPromoBackground: '#EBEEF5', + octaviusColorThreadFooterBackground: '#ebecef', + + octaviusColorButtonText: '#333333', + octaviusColorButtonIcon: '#333333', + + octaviusColorButtonBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(0, 16, 61, 0.04)', + active: 'rgba(0, 16, 61, 0.08)', + }, + octaviusColorBackground: '#F6F7F8', + octaviusColorBackgroundAccentTonedAlpha: 'rgba(0,95,249,0.12)', + colorBackgroundAccentThemed: '#005FF9', + colorBackgroundAccentThemedAlpha: 'rgba(0, 95, 249, 0.2)', + octaviusColorOverlayBackground: 'transparent', + colorTextAccent: '#005FF9', + colorTextAccentThemed: '#005FF9', + colorTextNegative: '#ED0A34', + colorTextLink: '#005BD1', + colorTextLinkThemed: '#005BD1', + colorIconAccent: '#005FF9', + colorIconAccentThemed: '#005FF9', + colorStrokeAccent: '#005FF9', + colorStrokeAccentThemed: '#005FF9', + colorAccentBlue: '#005FF9', + colorActionSheetText: '#005FF9', + colorPanelHeaderIcon: '#005FF9', + colorWriteBarIcon: '#005FF9', + colorButtonText: '#005FF9', + colorButtonIcon: '#005FF9', + colorButtonStroke: '#005FF9', + + // Header octaviusColorHeaderBackground: '#FFFFFF', - octaviusColorHeaderButtonText: octaviusTheme.colors.colorTextPrimary, - octaviusColorHeaderIcon: octaviusTheme.colors.colorIconPrimary, + octaviusColorHeaderButtonText: '#2C2D2E', + octaviusColorHeaderButtonBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.64)', + active: 'rgba(255, 255, 255, 0.4)', + }, + octaviusColorHeaderIcon: lightTheme.colors.colorIconContrast, octaviusColorHeaderIconUnread: '#005FF9', octaviusColorHeaderIconFavorite: '#FC2C38', - octaviusColorHeaderIconAttach: darkTheme.colors.colorIconPrimary, - - octaviusColorHeaderSearchBackground: '#f0f1f3', - octaviusColorHeaderSearchBackgroundCollapsed: '#f0f1f3', + octaviusColorHeaderIconAttach: '#D9DADD', + octaviusColorHeaderTextSecondary: '#93969b', + octaviusColorHeaderSearchIcon: '#b6b8be', octaviusColorHeaderSearchChipBackground: { normal: '#FFFFFF', hover: 'rgba(255, 255, 255, 0.64)', active: 'rgba(255, 255, 255, 0.4)', }, - octaviusColorHeaderFilterTextAlpha: lightColors.colors.colorIconMediumAlpha, octaviusColorHeaderSearchChipBackgroundEditable: '#ffffff', octaviusColorHeaderSearchChipBorderEditableAlpha: lightTheme.colors.colorFieldBorderAlpha, - octaviusColorHeaderButtonBackgroundAlpha: { - normal: 'transparent', - hover: 'rgba(255, 255, 255, 0.64)', - active: 'rgba(255, 255, 255, 0.4)', + + octaviusColorHeaderSearchBackground: '#f0f1f3', + octaviusColorHeaderSearchBackgroundCollapsed: '#f0f1f3', + + octaviusColorHeaderSearchText: lightTheme.colors.colorTextPrimary, + octaviusColorHeaderSearchTextCollapsed: lightTheme.colors.colorTextSecondary, + octaviusColorHeaderFilterTextAlpha: lightColors.colors.colorIconMediumAlpha, + + octaviusColorHeaderProgress: lightTheme.colors.colorBackgroundAccentAlternative, + + octaviusColorHeaderTabActiveThemedAlpha: 'rgba(0, 95, 249, .10)', + octaviusColorHeaderTabTextActiveThemed: '#005FF9', + octaviusColorPortalSearchBackgroundAlpha: 'rgba(255, 255, 255, .99)', + octaviusColorPortalSearchIconThemedAlpha: 'rgba(0, 95, 255, .99)', + + octaviusColorPortalMenuBackground: lightTheme.colors.colorBackground, + + // Sidebar + octaviusColorSidebarItemIconActive: lightTheme.colors.colorIconPrimary, + octaviusColorSidebarItemIconPrimary: lightTheme.colors.colorIconPrimary, + octaviusColorSidebarItemTextActive: lightTheme.colors.colorTextPrimary, + octaviusColorSidebarItemTextPrimary: lightTheme.colors.colorTextPrimary, + octaviusColorSidebarButtonIcon: lightTheme.colors.colorIconPrimary, + octaviusColorSidebarButtonText: lightTheme.colors.colorTextPrimary, + octaviusColorSidebarButtonBackground: '#FFFFFF', + + octaviusColorSidebarCounterBackgroundAlpha: lightTheme.colors.colorTransparent, + octaviusColorSidebarCounterText: lightTheme.colors.colorTextPrimary, + octaviusColorSidebarItemBackgroundAlpha: lightTheme.colors.colorTransparent, + octaviusColorSidebarScrollbarAlpha: 'rgba(0, 16, 61, 0.08)', + octaviusColorSidebarItemIcon: '#333333', + octaviusColorSidebarItemText: '#333333', + octaviusColorSidebarItemButtonBackgroundAlpha: 'rgba(0, 16, 61, 0.08)', + octaviusColorSidebarItemIconSecondary: '#87898F', + octaviusColorSidebarItemTextSecondary: '#87898F', + + octaviusColorSidebarShortItemIcon: '#333333', + octaviusColorSidebarShortItemText: '#333333', + octaviusColorSidebarShortItemTextActive: lightTheme.colors.colorTextPrimary, + octaviusColorSidebarShortItemIconActive: lightTheme.colors.colorIconPrimary, + octaviusColorSidebarShortItemIconSecondary: lightTheme.colors.colorIconSecondary, + octaviusColorSidebarShortItemTextSecondary: lightTheme.colors.colorTextSecondary, + + octaviusColorSidebarComposeButtonBackground: '#ffffff', + octaviusColorSidebarComposeButtonText: '#2c2d2e', + octaviusColorSidebarComposeButtonIcon: '#2c2d2e', + + octaviusColorSidebarIconUnread: '#005FF9', + octaviusColorSidebarIconFavorite: '#fc2c38', + octaviusColorSidebarIconOrder: '#ff54aa', + octaviusColorSidebarIconFinance: '#2fc885', + octaviusColorSidebarIconRegistration: '#ff9e00', + octaviusColorSidebarIconTravel: '#ba34fc', + octaviusColorSidebarIconEvent: '#09a6fa', + octaviusColorSidebarIconFees: '#e60000', + + octaviusColorContentScrollbarAlpha: 'rgba(0, 16, 61, 0.08)', + + octaviusColorActionArchive: '#1F5C23', + + // Category + octaviusColorIconUnread: '#005FF9', + octaviusColorIconFavorite: '#fc2c38', + octaviusColorIconOrder: '#ff54aa', + octaviusColorIconFinance: '#2fc885', + octaviusColorIconRegistration: '#ff9e00', + octaviusColorIconTravel: '#ba34fc', + octaviusColorIconEvent: '#09a6fa', + octaviusColorIconFees: '#e60000', + + octaviusColorIconEventAlpha: 'rgba(59, 186, 254, 0.1)', + octaviusColorIconOrderAlpha: 'rgba(249, 76, 163, 0.1)', + octaviusColorIconTravelAlpha: 'rgba(193, 93, 243, 0.1)', + + octaviusColorListLetterBackground: { + normal: '#ffffff', + hover: '#f5f5f7', + active: '#ebecef', }, + octaviusColorListTextUnread: lightTheme.colors.colorTextPrimary, + octaviusColorListTextPrimary: lightTheme.colors.colorTextPrimary, + octaviusColorListIconPrimary: lightTheme.colors.colorIconPrimary, + octaviusColorListLetterSeparatorAlpha: lightTheme.colors.colorSeparatorPrimaryAlpha, + octaviusColorListLetterAdvBackground: '#F0F5FF', + octaviusColorListBackgroundPositiveAlpha: 'rgba(13, 194, 104, 0.08)', + octaviusColorListBackgroundPositiveTagsOutline: '#F2FAF4', + octaviusColorLetterListTextUnread: '#2c2d2e', + octaviusColorDatasetBackground: lightTheme.colors.colorBackgroundContent, + + octaviusColorEmptyStateText: '#333333', octaviusColorButtonEmptyStateText: '#2C2D2E', octaviusColorButtonEmptyStateBackgroundAlpha: 'rgba(0, 16, 61, 0.06)', + octaviusColorLayoutBorderAlpha: lightTheme.colors.colorSeparatorPrimaryAlpha, + octaviusColorLayoutLetterBorderAlpha: lightTheme.colors.colorSeparatorPrimaryAlpha, + octaviusColorEmptyStateTextLink: '#005bd1', + octaviusColorLetterContactBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(0, 16, 61, 0.08)', + active: 'rgba(0, 16, 61, 0.16)', + }, + octaviusColorLetterPreviewBackgroundPrimary: '#F9F9FA', + octaviusColorLetterPreviewBackgroundSecondary: '#F3F3F5', + octaviusColorNotificationBorder: '#ffffff', + + octaviusTextDecorationEmptyStateTextLink: { + normal: 'none', + hover: 'underline', + active: 'underline', + }, + + octaviusColorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.12)', + octaviusColorBackgroundNegativeTintAlpha: 'rgba(236, 71, 80, 0.12)', + octaviusColorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.1)', + + octaviusColorButtonBackgroundContrastAlpha: 'rgba(250, 250, 250, 0.99)', + + octaviusColorIconSocial: '#7288FF', + octaviusColorIconMailings: '#FC8A15', + octaviusColorIconToMyself: '#00BD93', + octaviusColorIconNews: '#08ABD9', + octaviusColorIconOfficial: '#EC4750', + octaviusColorIconSchool: '#AC7EEC', + octaviusColorIconGames: '#F8BA04', + octaviusColorIconReceipts: '#74BF05', + + octaviusColorSidebarWidgetBackgroundAlpha: { + normal: 'rgba(255, 255, 255, 0.16)', + hover: 'rgba(255, 255, 255, 0.04)', + active: 'rgba(255, 255, 255, 0.08)', + }, + + // Snackbar + octaviusColorSnackbarIconPositive: '#0DC268', + octaviusColorSnackbarIconNegative: '#FF5C5C', + octaviusColorSnackbarIconAccent: '#589BFF', + octaviusColorSnackbarIconSecondary: '#9C9DA2', + octaviusColorSnackbarIconWarning: '#FF9E00', + + octaviusColorSnackbarTextAccent: '#589BFF', + octaviusColorSnackbarTextContrast: '#FFFFFF', + + octaviusColorSnackbarBackground: '#303030', + octaviusColorSnackbarTransparent: { + normal: 'rgba(255, 255, 255, 0.16)', + active: 'rgba(255, 255, 255, 0.04)', + hover: 'rgba(255, 255, 255, 0.08)', + }, }, - octaviusElevationHeader: '0px 0px 16px rgba(2, 13, 41, 0.16)', + octaviusTextShadowEmptyStateText: 'none', + octaviusPositionBackground: '50% 0', + octaviusImageOverlayBackground: 'none', + + octaviusTextShadowSidebarItemText: 'none', + octaviusFilterSidebarItemIcon: 'none', + octaviusImageBackground: 'none', + + octaviusFontFamilyDefault: 'HelveticaNeue, Helvetica, Arial, sans-serif', + + octaviusFontFamilyMailSans: + 'VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif', + + octaviusFontFamilyGlobal: 'Arial, Tahoma, Verdana, sans-serif', + octaviusFontFamilyMac: 'Helvetica, Arial, Tahoma, Verdana, sans-serif', + octaviusFontFamilyDisplay: 'inherit', + + octaviusColorLetterAttachListBackground: + 'linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)', + + octaviusSizeHeadlineHeight: { + regular: 36, + }, + octaviusSizeLayoutWidthMax: { + regular: 2150, + }, + octaviusSizeLayoutWidthMin: { + regular: 761, + }, + octaviusSizeSidebarPaddingTop: { + regular: 12, + }, + octaviusSizeSidebarWidgetsHeightMin: { + regular: 64, + }, + octaviusSizeSidebarWidgetsHeightCompactMin: { + regular: 104, + }, +}; + +export const octaviusWhiteDarkTheme: ThemeOctaviusDescription = { + ...octaviusWhiteTheme, + ...darkTheme, + ...darkThemeElevation, + themeName: 'octaviusWhiteDark', + colors: { + ...octaviusTheme.colors, + ...darkTheme.colors, + colorBackgroundThumbnail: '#1F1F1F', + colorBackgroundThumbnailAlpha: 'rgba(255, 255, 255, 0.08)', + octaviusColorPlaceholderBackground: '#000000', + octaviusColorPromoBackground: '#303030', + octaviusColorThreadFooterBackground: '#303030', + + octaviusColorPortalMenuBackground: '#232324', + octaviusColorSidebarItemBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.24)', + active: 'rgba(255, 255, 255, 0.24)', + }, + + octaviusColorBackground: '#19191A', + octaviusColorBackgroundAccentTonedAlpha: toneOpacity( + darkTheme.colors.colorBackgroundAccent, + 0.12, + ), + colorBackgroundAccent: '#2775FC', + colorTextAccent: '#3C82FD', + colorTextLink: '#589BFF', + colorIconAccent: '#3C82FD', + colorStrokeAccent: '#3C82FD', + colorAccentBlue: '#2775FC', + colorActionSheetText: '#3C82FD', + colorPanelHeaderIcon: '#3C82FD', + colorWriteBarIcon: '#3C82FD', + + colorBackgroundAccentTintThemedAlpha: 'rgba(0, 95, 249, 0.06)', + colorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.06)', + colorBackgroundAccentTintThemed: '#f0f4ff', + + colorBackgroundNegativeTintThemedAlpha: 'rgba(237, 10, 52, 0.08)', + colorBackgroundNegativeTintAlpha: 'rgba(237, 10, 52, 0.08)', + colorBackgroundNegativeTintThemed: '#faebeb', + + // Header + octaviusColorHeaderBackground: '#232324', + octaviusColorHeaderButtonText: darkTheme.colors.colorTextContrast, + octaviusColorHeaderIcon: darkTheme.colors.colorIconContrast, + octaviusColorHeaderIconUnread: darkTheme.colors.colorIconContrast, + octaviusColorHeaderIconFavorite: darkTheme.colors.colorIconContrast, + octaviusColorHeaderIconAttach: darkTheme.colors.colorIconContrast, + octaviusColorHeaderProgress: darkTheme.colors.colorBackgroundAccentAlternative, + + octaviusColorHeaderSearchBackground: '#303030', + octaviusColorHeaderSearchBackgroundCollapsed: darkTheme.colors.colorBackgroundModal, + octaviusColorHeaderSearchChipBackground: '#404040', + octaviusColorHeaderSearchChipBackgroundEditable: '#3e3e3e', + octaviusColorHeaderSearchChipBorderEditableAlpha: 'rgba(255, 255, 255, .48)', + octaviusColorHeaderSearchText: darkTheme.colors.colorTextPrimary, + octaviusColorHeaderSearchTextCollapsed: darkTheme.colors.colorTextSecondary, + + octaviusColorHeaderButtonBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.16)', + active: 'rgba(255, 255, 255, 0.2)', + }, + + octaviusColorHeaderTabActiveThemedAlpha: 'rgba(255, 255, 255, .8)', + octaviusColorHeaderTabTextActiveThemed: '#E7E8EA', + octaviusColorPortalSearchBackgroundAlpha: 'rgba(255, 255, 255, .08)', + octaviusColorPortalSearchIconThemedAlpha: 'rgba(255, 255, 255, .3)', + + // Sidebar + octaviusColorSidebarItemIconPrimary: '#E7E8EA', + + octaviusColorSidebarItemIcon: '#E7E8EA', + octaviusColorSidebarItemText: '#E7E8EA', + octaviusColorSidebarItemTextActive: '#ffffff', + octaviusColorSidebarItemIconActive: '#ffffff', + octaviusColorSidebarItemTextSecondary: '#8C8E94', + octaviusColorSidebarItemIconSecondary: '#8C8E94', + + octaviusColorSidebarShortItemIcon: '#E7E8EA', + octaviusColorSidebarShortItemText: '#E7E8EA', + octaviusColorSidebarShortItemTextActive: '#ffffff', + octaviusColorSidebarShortItemIconActive: '#ffffff', + octaviusColorSidebarShortItemTextSecondary: darkTheme.colors.colorTextSecondary, + octaviusColorSidebarShortItemIconSecondary: darkTheme.colors.colorIconSecondary, + + octaviusColorSidebarItemTextPrimary: darkTheme.colors.colorTextPrimary, + octaviusColorSidebarButtonIcon: lightTheme.colors.colorIconPrimary, + octaviusColorSidebarButtonText: lightTheme.colors.colorTextPrimary, + octaviusColorSidebarButtonBackground: '#FFFFFF', + + octaviusColorSidebarCounterBackgroundAlpha: darkTheme.colors.colorTransparent, + + octaviusColorSidebarCounterText: darkTheme.colors.colorTextPrimary, + octaviusColorSidebarScrollbarAlpha: 'rgba(255, 255, 255, 0.12)', + octaviusColorSidebarItemButtonBackgroundAlpha: { + normal: 'rgba(255, 255, 255, 0.08)', + hover: 'rgba(255, 255, 255, 0.16)', + active: 'rgba(255, 255, 255, 0.24)', + }, + + octaviusColorSidebarIconUnread: '#0C7CFF', + octaviusColorSidebarIconFavorite: '#FF4550', + octaviusColorSidebarIconOrder: '#F94CA3', + octaviusColorSidebarIconFinance: '#24C780', + octaviusColorSidebarIconRegistration: '#FF9C37', + octaviusColorSidebarIconTravel: '#C15DF3', + octaviusColorSidebarIconEvent: '#3BBAFE', + octaviusColorSidebarIconFees: '#EE3C3C', + + octaviusColorButtonText: '#E7E8EA', + octaviusColorButtonIcon: '#E7E8EA', + octaviusColorButtonBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.04)', + active: 'rgba(255, 255, 255, 0.08)', + }, + + octaviusColorContentScrollbarAlpha: 'rgba(255, 255, 255, 0.12)', + + octaviusColorActionArchive: '#0EAB67', + + // Category + octaviusColorIconUnread: '#0C7CFF', + octaviusColorIconFavorite: '#FF4550', + octaviusColorIconOrder: '#F94CA3', + octaviusColorIconFinance: '#24C780', + octaviusColorIconRegistration: '#FF9C37', + octaviusColorIconTravel: '#C15DF3', + octaviusColorIconEvent: '#3BBAFE', + octaviusColorIconFees: '#EE3C3C', + + octaviusColorIconEventAlpha: 'rgba(255, 255, 255, 0.12)', + octaviusColorIconOrderAlpha: 'rgba(255, 255, 255, 0.12)', + octaviusColorIconTravelAlpha: 'rgba(255, 255, 255, 0.12)', + + octaviusColorListLetterBackground: darkTheme.colors.colorBackgroundContent, + octaviusColorListLetterSeparatorAlpha: darkTheme.colors.colorSeparatorPrimaryAlpha, + octaviusColorListLetterAdvBackground: '#151515', + octaviusColorListBackgroundPositiveAlpha: 'rgba(13, 194, 104, 0.08)', + octaviusColorListBackgroundPositiveTagsOutline: '#272F2A', + + octaviusColorDatasetBackground: darkTheme.colors.colorBackgroundContent, + octaviusColorEmptyStateText: darkTheme.colors.colorTextPrimary, + octaviusColorButtonEmptyStateText: '#E7E8EA', + octaviusColorButtonEmptyStateBackgroundAlpha: 'rgba(255, 255, 255, 0.12)', + octaviusColorLayoutBorderAlpha: 'transparent', + octaviusColorLayoutLetterBorderAlpha: 'rgba(0, 0, 0, 0.4)', + octaviusColorEmptyStateTextLink: '#E7E8EA', + octaviusColorLetterListTextUnread: '#ffffff', + octaviusColorLetterContactBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.08)', + active: 'rgba(255, 255, 255, 0.16)', + }, + octaviusColorLetterPreviewBackgroundPrimary: '#141414', + octaviusColorLetterPreviewBackgroundSecondary: '#0F0F0F', + octaviusColorNotificationBorder: '#000000', + + octaviusTextDecorationEmptyStateTextLink: { + normal: 'underline', + hover: 'none', + active: 'none', + }, + + octaviusColorBackgroundNegativeTintAlpha: 'rgba(236, 71, 80, 0.16)', + octaviusColorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.12)', + + octaviusColorButtonBackgroundContrastAlpha: 'rgba(250, 250, 250, 0.12)', + }, + octaviusColorLetterAttachListBackground: + 'linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)', }; diff --git a/src/themeDescriptions/themes/widgets/index.ts b/src/themeDescriptions/themes/widgets/index.ts new file mode 100644 index 000000000..d4c4c722f --- /dev/null +++ b/src/themeDescriptions/themes/widgets/index.ts @@ -0,0 +1,67 @@ +import { ThemeWidgetsDescription } from '@/interfaces/themes/widgets'; +import { ThemeWidgetsDarkDescription } from '@/interfaces/themes/widgetsDark'; +import { darkTheme, darkThemeElevation, lightTheme } from '@/themeDescriptions/base/paradigm'; + +export const widgetsTheme: ThemeWidgetsDescription = { + ...lightTheme, + themeName: 'widgets', + themeNameBase: lightTheme.themeName, + colors: { + ...lightTheme.colors, + colorStrokeAccent: '#0077FF', + colorIconAccent: { + normal: '#0077FF', + hover: '#0073F7', + active: '#0077FF', + }, + colorStrokeAccentThemed: '#0077FF', + colorTextAccent: '#0077FF', + colorBackgroundAccent: { + normal: '#0077FF', + hover: '#0073F7', + active: '#006FEF', + }, + colorTextAccentThemed: '#0077FF', + colorBackgroundAccentTint: '#0077FF', + colorTextLink: '#0077FF', + colorBackgroundAccentThemed: { + normal: '#0077FF', + hover: '#0073F7', + active: '#006FEF', + }, + colorTextLinkThemed: '#0077FF', + colorIconAccentThemed: '#0077FF', + colorTextNegative: '#ED330A', + colorIconNegative: '#ED330A', + colorBackgroundNegative: { + normal: '#ED330A', + hover: '#E4320C', + active: '#DA300E', + }, + colorBackgroundNegativeTintThemedAlpha: 'rgba(237, 51, 10, 0.08)', + colorBackgroundNegativeTintAlpha: 'rgba(237, 51, 10, 0.08)', + colorBackgroundNegativeTintThemed: '#FAEBEB', + colorBackgroundNegativeTint: '#FAEBEB', + colorStrokeNegative: '#ED330A', + colorBackgroundAccentTintThemedAlpha: 'rgba(0, 119, 255, 0.06)', + }, +}; + +export const widgetsDarkTheme: ThemeWidgetsDarkDescription = { + ...widgetsTheme, + ...darkTheme, + ...darkThemeElevation, + themeName: 'widgetsDark', + colors: { + ...widgetsTheme.colors, + ...darkTheme.colors, + colorTextAccent: '#1A85FF', + colorTextLink: '#1A85FF', + colorTextNegative: '#FF5C5C', + colorIconNegative: '#FF5C5C', + colorBackgroundNegative: '#FF5C5C', + colorBackgroundNegativeTint: '#522E2E', + colorStrokeNegative: '#FF5C5C', + colorBackgroundAccentTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', + }, +}; diff --git a/src/themeDescriptions/themes/workspaceAdmin/index.ts b/src/themeDescriptions/themes/workspaceAdmin/index.ts index f34783f79..cc5c2afe0 100644 --- a/src/themeDescriptions/themes/workspaceAdmin/index.ts +++ b/src/themeDescriptions/themes/workspaceAdmin/index.ts @@ -3,6 +3,7 @@ import { ThemeWorkspaceAdminDarkDescription } from '@/interfaces/themes/workspac import { darkTheme, lightTheme } from '@/themeDescriptions/base/paradigm'; import { fontFamilyAccent } from '@/themeDescriptions/common/fontSizes'; +const fontWeightAccent1 = 500; const fontWeightAccent2 = 500; export const workspaceAdminTheme: ThemeWorkspaceAdminDescription = { @@ -24,9 +25,9 @@ export const workspaceAdminTheme: ThemeWorkspaceAdminDescription = { active: 'rgba(13, 194, 104, 0.18)', }, colorBackgroundWarningTintAlpha: { - normal: 'rgba(255, 241, 173, 0.64)', - hover: 'rgba(255, 241, 173, 0.72)', - active: 'rgba(255, 241, 173, 0.76)', + normal: 'rgba(255, 158, 0, 0.16)', + hover: 'rgba(255, 158, 0, 0.24)', + active: 'rgba(255, 158, 0, 0.28)', }, colorBackgroundNegativeTintAlpha: { normal: 'rgba(237, 10, 52, 0.10)', @@ -38,14 +39,42 @@ export const workspaceAdminTheme: ThemeWorkspaceAdminDescription = { hover: 'rgba(0, 95, 249, 0.1)', active: 'rgba(0, 95, 249, 0.14)', }, + colorBackgroundSecondaryAlpha: { + normal: 'rgba(255, 255, 255, 0.12)', + hover: 'rgba(255, 255, 255, 0.16)', + active: 'rgba(255, 255, 255, 0.20)', + }, + colorBackgroundTertiaryAlpha: { + normal: 'rgba(58, 58, 90, 0.04)', + hover: 'rgba(58, 58, 90, 0.08)', + active: 'rgba(58, 58, 90, 0.12)', + }, colorIconNegativeSnackbar: '#FF5C5C', colorTextSecondary: '#797A80', }, + fontTitle2: { + regular: { + fontSize: 20, + lineHeight: 24, + fontFamily: fontFamilyAccent, + fontWeight: fontWeightAccent1, + }, + }, + fontTitle3: { + regular: { + fontSize: 17, + lineHeight: 24, + fontFamily: fontFamilyAccent, + fontWeight: fontWeightAccent1, + }, + }, + fontHeadline3: { fontSize: 13, - lineHeight: 18, + lineHeight: 16, + fontStyle: 'normal', fontFamily: fontFamilyAccent, fontWeight: fontWeightAccent2, }, @@ -80,6 +109,11 @@ export const workspaceAdminDarkTheme: ThemeWorkspaceAdminDarkDescription = { hover: 'rgba(39, 117, 252, 0.16)', active: 'rgba(39, 117, 252, 0.2)', }, + colorBackgroundTertiaryAlpha: { + normal: 'rgba(255, 255, 255, 0.04)', + hover: 'rgba(255, 255, 255, 0.1)', + active: 'rgba(255, 255, 255, 0.14)', + }, colorIconNegativeSnackbar: '#FF5C5C', colorTextSecondary: '#BFC1C5', diff --git a/tsconfig.json b/tsconfig.json index c59e756f5..2772cf621 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -14,7 +14,5 @@ "@/*": ["*"] }, "resolveJsonModule": true - }, - "include": ["**/*.ts"], - "exclude": ["node_modules/", "src/themeDescriptions/", "src/generators/", "./index.ts"] + } } diff --git a/yarn.lock b/yarn.lock index 38a3f1112..61abf4543 100644 --- a/yarn.lock +++ b/yarn.lock @@ -28,38 +28,38 @@ resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.5.tgz#ffb878728bb6bdcb6f4510aa51b1be9afb8cfd98" integrity sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw== -"@babel/compat-data@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.7.tgz#d23bbea508c3883ba8251fb4164982c36ea577ed" - integrity sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw== +"@babel/compat-data@^7.25.2": + version "7.25.2" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.25.2.tgz#e41928bd33475305c586f6acbbb7e3ade7a6f7f5" + integrity sha512-bYcppcpKBvX4znYaPEeFau03bp89ShqNMLs+rmdptMw+heSZh9+z84d2YG+K7cYLbWwzdjtDoW/uqZmPjulClQ== -"@babel/core@7.24.7", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.21.3": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.7.tgz#b676450141e0b52a3d43bc91da86aa608f950ac4" - integrity sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g== +"@babel/core@7.25.2", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.21.3": + version "7.25.2" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.25.2.tgz#ed8eec275118d7613e77a352894cd12ded8eba77" + integrity sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA== dependencies: "@ampproject/remapping" "^2.2.0" "@babel/code-frame" "^7.24.7" - "@babel/generator" "^7.24.7" - "@babel/helper-compilation-targets" "^7.24.7" - "@babel/helper-module-transforms" "^7.24.7" - "@babel/helpers" "^7.24.7" - "@babel/parser" "^7.24.7" - "@babel/template" "^7.24.7" - "@babel/traverse" "^7.24.7" - "@babel/types" "^7.24.7" + "@babel/generator" "^7.25.0" + "@babel/helper-compilation-targets" "^7.25.2" + "@babel/helper-module-transforms" "^7.25.2" + "@babel/helpers" "^7.25.0" + "@babel/parser" "^7.25.0" + "@babel/template" "^7.25.0" + "@babel/traverse" "^7.25.2" + "@babel/types" "^7.25.2" convert-source-map "^2.0.0" debug "^4.1.0" gensync "^1.0.0-beta.2" json5 "^2.2.3" semver "^6.3.1" -"@babel/generator@^7.24.7", "@babel/generator@^7.7.2": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d" - integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA== +"@babel/generator@^7.25.0", "@babel/generator@^7.7.2": + version "7.25.0" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.0.tgz#f858ddfa984350bc3d3b7f125073c9af6988f18e" + integrity sha512-3LEEcj3PVW8pW2R1SR1M89g/qrYk/m/mB/tLqn7dn4sbBUQyTqnlod+II2U4dqiGtUmkcnAmkMDralTFZttRiw== dependencies: - "@babel/types" "^7.24.7" + "@babel/types" "^7.25.0" "@jridgewell/gen-mapping" "^0.3.5" "@jridgewell/trace-mapping" "^0.3.25" jsesc "^2.5.1" @@ -78,14 +78,14 @@ dependencies: "@babel/types" "^7.22.15" -"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6", "@babel/helper-compilation-targets@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz#4eb6c4a80d6ffeac25ab8cd9a21b5dfa48d503a9" - integrity sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg== +"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6", "@babel/helper-compilation-targets@^7.25.2": + version "7.25.2" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.2.tgz#e1d9410a90974a3a5a66e84ff55ef62e3c02d06c" + integrity sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw== dependencies: - "@babel/compat-data" "^7.24.7" - "@babel/helper-validator-option" "^7.24.7" - browserslist "^4.22.2" + "@babel/compat-data" "^7.25.2" + "@babel/helper-validator-option" "^7.24.8" + browserslist "^4.23.1" lru-cache "^5.1.1" semver "^6.3.1" @@ -129,13 +129,6 @@ resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167" integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA== -"@babel/helper-environment-visitor@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz#4b31ba9551d1f90781ba83491dd59cf9b269f7d9" - integrity sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ== - dependencies: - "@babel/types" "^7.24.7" - "@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0": version "7.23.0" resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759" @@ -144,14 +137,6 @@ "@babel/template" "^7.22.15" "@babel/types" "^7.23.0" -"@babel/helper-function-name@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2" - integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA== - dependencies: - "@babel/template" "^7.24.7" - "@babel/types" "^7.24.7" - "@babel/helper-hoist-variables@^7.22.5": version "7.22.5" resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb" @@ -159,13 +144,6 @@ dependencies: "@babel/types" "^7.22.5" -"@babel/helper-hoist-variables@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz#b4ede1cde2fd89436397f30dc9376ee06b0f25ee" - integrity sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ== - dependencies: - "@babel/types" "^7.24.7" - "@babel/helper-member-expression-to-functions@^7.22.15", "@babel/helper-member-expression-to-functions@^7.23.0": version "7.23.0" resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366" @@ -188,16 +166,15 @@ "@babel/traverse" "^7.24.7" "@babel/types" "^7.24.7" -"@babel/helper-module-transforms@^7.23.3", "@babel/helper-module-transforms@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz#31b6c9a2930679498db65b685b1698bfd6c7daf8" - integrity sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ== +"@babel/helper-module-transforms@^7.23.3", "@babel/helper-module-transforms@^7.25.2": + version "7.25.2" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz#ee713c29768100f2776edf04d4eb23b8d27a66e6" + integrity sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ== dependencies: - "@babel/helper-environment-visitor" "^7.24.7" "@babel/helper-module-imports" "^7.24.7" "@babel/helper-simple-access" "^7.24.7" - "@babel/helper-split-export-declaration" "^7.24.7" "@babel/helper-validator-identifier" "^7.24.7" + "@babel/traverse" "^7.25.2" "@babel/helper-optimise-call-expression@^7.22.5": version "7.22.5" @@ -258,17 +235,10 @@ dependencies: "@babel/types" "^7.22.5" -"@babel/helper-split-export-declaration@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz#83949436890e07fa3d6873c61a96e3bbf692d856" - integrity sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA== - dependencies: - "@babel/types" "^7.24.7" - -"@babel/helper-string-parser@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2" - integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg== +"@babel/helper-string-parser@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz#5b3329c9a58803d5df425e5785865881a81ca48d" + integrity sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ== "@babel/helper-validator-identifier@^7.22.20": version "7.22.20" @@ -285,10 +255,10 @@ resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307" integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw== -"@babel/helper-validator-option@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz#24c3bb77c7a425d1742eec8fb433b5a1b38e62f6" - integrity sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw== +"@babel/helper-validator-option@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz#3725cdeea8b480e86d34df15304806a06975e33d" + integrity sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q== "@babel/helper-wrap-function@^7.22.20": version "7.22.20" @@ -299,13 +269,13 @@ "@babel/template" "^7.22.15" "@babel/types" "^7.22.19" -"@babel/helpers@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.7.tgz#aa2ccda29f62185acb5d42fb4a3a1b1082107416" - integrity sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg== +"@babel/helpers@^7.25.0": + version "7.25.0" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.25.0.tgz#e69beb7841cb93a6505531ede34f34e6a073650a" + integrity sha512-MjgLZ42aCm0oGjJj8CtSM3DB8NOOf8h2l7DCTePJs29u+v7yO/RBX9nShlKMgFnRks/Q4tBAe7Hxnov9VkGwLw== dependencies: - "@babel/template" "^7.24.7" - "@babel/types" "^7.24.7" + "@babel/template" "^7.25.0" + "@babel/types" "^7.25.0" "@babel/highlight@^7.24.7": version "7.24.7" @@ -317,10 +287,12 @@ js-tokens "^4.0.0" picocolors "^1.0.0" -"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85" - integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw== +"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.25.0", "@babel/parser@^7.25.3": + version "7.25.3" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.3.tgz#91fb126768d944966263f0657ab222a642b82065" + integrity sha512-iLTJKDbJ4hMvFPgQwwsVoxtHyWpKKPBrxkANrSYewDPaPpT5py5yeVkgPIJ7XYXhndxJpaA3PyALSXQ7u8e/Dw== + dependencies: + "@babel/types" "^7.25.2" "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.23.3": version "7.23.3" @@ -1067,37 +1039,34 @@ dependencies: regenerator-runtime "^0.14.0" -"@babel/template@^7.22.15", "@babel/template@^7.24.7", "@babel/template@^7.3.3": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315" - integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig== +"@babel/template@^7.22.15", "@babel/template@^7.25.0", "@babel/template@^7.3.3": + version "7.25.0" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a" + integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q== dependencies: "@babel/code-frame" "^7.24.7" - "@babel/parser" "^7.24.7" - "@babel/types" "^7.24.7" + "@babel/parser" "^7.25.0" + "@babel/types" "^7.25.0" -"@babel/traverse@^7.24.7": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5" - integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA== +"@babel/traverse@^7.24.7", "@babel/traverse@^7.25.2": + version "7.25.3" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.3.tgz#f1b901951c83eda2f3e29450ce92743783373490" + integrity sha512-HefgyP1x754oGCsKmV5reSmtV7IXj/kpaE1XYY+D9G5PvKKoFfSbiS4M77MdjuwlZKDIKFCffq9rPU+H/s3ZdQ== dependencies: "@babel/code-frame" "^7.24.7" - "@babel/generator" "^7.24.7" - "@babel/helper-environment-visitor" "^7.24.7" - "@babel/helper-function-name" "^7.24.7" - "@babel/helper-hoist-variables" "^7.24.7" - "@babel/helper-split-export-declaration" "^7.24.7" - "@babel/parser" "^7.24.7" - "@babel/types" "^7.24.7" + "@babel/generator" "^7.25.0" + "@babel/parser" "^7.25.3" + "@babel/template" "^7.25.0" + "@babel/types" "^7.25.2" debug "^4.3.1" globals "^11.1.0" -"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.21.3", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.7", "@babel/types@^7.3.3", "@babel/types@^7.4.4": - version "7.24.7" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2" - integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q== +"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.21.3", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.7", "@babel/types@^7.25.0", "@babel/types@^7.25.2", "@babel/types@^7.3.3", "@babel/types@^7.4.4": + version "7.25.2" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.2.tgz#55fb231f7dc958cd69ea141a4c2997e819646125" + integrity sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q== dependencies: - "@babel/helper-string-parser" "^7.24.7" + "@babel/helper-string-parser" "^7.24.8" "@babel/helper-validator-identifier" "^7.24.7" to-fast-properties "^2.0.0" @@ -2174,14 +2143,7 @@ resolved "https://registry.yarnpkg.com/@vkontakte/vk-bridge/-/vk-bridge-2.14.2.tgz#7b8e8f120b9128e9c6e8424f56afbb28f6918ff2" integrity sha512-npPEBw6nCLNv1vxJr7fUOsEEfglP8soOi2B2fscgE/aTxd00MF/nITzSq+LASrfSgpk/f3AtAw3CnE3Ia5E98w== -"@vkontakte/vkjs@1.2.0": - version "1.2.0" - resolved "https://registry.yarnpkg.com/@vkontakte/vkjs/-/vkjs-1.2.0.tgz#ca4fa56f53aa84f25d072534c50fe73106400a64" - integrity sha512-l5u3EGvKACQaSB3DFphY3PNgmkK7H2KZ/6XqHcqqkwAw1wrMu4ESWvkyczLxaa6/9hMTfw2Jj3VssiYDaHhbeg== - dependencies: - "@swc/helpers" "^0.5.0" - -"@vkontakte/vkjs@^1.2.1": +"@vkontakte/vkjs@1.3.0", "@vkontakte/vkjs@^1.2.1": version "1.3.0" resolved "https://registry.yarnpkg.com/@vkontakte/vkjs/-/vkjs-1.3.0.tgz#9c6ed399d4e99ee00f53c79375a65283d7334124" integrity sha512-GfwCC2JNetiiFZcEWyK9LOy8PHUKK2+L8VSJMbXKnpi4LnkxXYMEBsun1rEKGliPITYZC50nLm7jhxbCgcxVuw== @@ -2429,12 +2391,12 @@ ansi-escapes@^4.2.1: dependencies: type-fest "^0.21.3" -ansi-escapes@^6.2.0: - version "6.2.0" - resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-6.2.0.tgz#8a13ce75286f417f1963487d86ba9f90dccf9947" - integrity sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw== +ansi-escapes@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-7.0.0.tgz#00fc19f491bbb18e1d481b97868204f92109bfe7" + integrity sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw== dependencies: - type-fest "^3.0.0" + environment "^1.0.0" ansi-html-community@^0.0.8: version "0.0.8" @@ -2840,7 +2802,7 @@ braces@~3.0.2: dependencies: fill-range "^7.0.1" -browserslist@^4.21.10, browserslist@^4.22.2, browserslist@^4.22.3: +browserslist@^4.21.10, browserslist@^4.22.3: version "4.22.3" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.3.tgz#299d11b7e947a6b843981392721169e27d60c5a6" integrity sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A== @@ -2850,6 +2812,16 @@ browserslist@^4.21.10, browserslist@^4.22.2, browserslist@^4.22.3: node-releases "^2.0.14" update-browserslist-db "^1.0.13" +browserslist@^4.23.1: + version "4.23.3" + resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.3.tgz#debb029d3c93ebc97ffbc8d9cbb03403e227c800" + integrity sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA== + dependencies: + caniuse-lite "^1.0.30001646" + electron-to-chromium "^1.5.4" + node-releases "^2.0.18" + update-browserslist-db "^1.1.0" + bs-logger@0.x: version "0.2.6" resolved "https://registry.yarnpkg.com/bs-logger/-/bs-logger-0.2.6.tgz#eb7d365307a72cf974cc6cda76b68354ad336bd8" @@ -2950,6 +2922,11 @@ caniuse-lite@^1.0.30001524, caniuse-lite@^1.0.30001580: resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001587.tgz#a0bce920155fa56a1885a69c74e1163fc34b4881" integrity sha512-HMFNotUmLXn71BQxg8cijvqxnIAofforZOwGsxyXJ0qugTdspUF4sPSJ2vhgprHCB996tIDzEq1ubumPDV8ULA== +caniuse-lite@^1.0.30001646: + version "1.0.30001649" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001649.tgz#3ec700309ca0da2b0d3d5fb03c411b191761c992" + integrity sha512-fJegqZZ0ZX8HOWr6rcafGr72+xcgJKI9oWfDW5DrD7ExUtgZC7a7R7ZYmZqplh7XDocFdGeIFn7roAxhOeYrPQ== + chalk@^2.4.2: version "2.4.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424" @@ -3043,12 +3020,12 @@ clean-webpack-plugin@4.0.0: dependencies: del "^4.1.1" -cli-cursor@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-4.0.0.tgz#3cecfe3734bf4fe02a8361cbdc0f6fe28c6a57ea" - integrity sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg== +cli-cursor@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-5.0.0.tgz#24a4831ecf5a6b01ddeb32fb71a4b2088b0dce38" + integrity sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw== dependencies: - restore-cursor "^4.0.0" + restore-cursor "^5.0.0" cli-truncate@^4.0.0: version "4.0.0" @@ -3410,10 +3387,10 @@ debug@^3.2.7: dependencies: ms "^2.1.1" -debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@~4.3.4: - version "4.3.5" - resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.5.tgz#e83444eceb9fedd4a1da56d671ae2446a01a6e1e" - integrity sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg== +debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@~4.3.6: + version "4.3.6" + resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.6.tgz#2ab2c38fbaffebf8aa95fdfe6d88438c7a13c52b" + integrity sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg== dependencies: ms "2.1.2" @@ -3677,6 +3654,11 @@ electron-to-chromium@^1.4.648: resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.668.tgz#5cfed14f3240cdc70a359a49790cb295b1f097f1" integrity sha512-ZOBocMYCehr9W31+GpMclR+KBaDZOoAEabLdhpZ8oU1JFDwIaFY0UDbpXVEUFc0BIP2O2Qn3rkfCjQmMR4T/bQ== +electron-to-chromium@^1.5.4: + version "1.5.4" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.4.tgz#cd477c830dd6fca41fbd5465c1ff6ce08ac22343" + integrity sha512-orzA81VqLyIGUEA77YkVA1D+N+nNfl2isJVjjmOyrlxuooZ19ynb+dOlaDTqd/idKRS9lDCSBmtzM+kyCsMnkA== + emittery@^0.13.1: version "0.13.1" resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad" @@ -3725,6 +3707,11 @@ envinfo@^7.7.3: resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.1.tgz#2ffef77591057081b0129a8fd8cf6118da1b94e1" integrity sha512-8PiZgZNIB4q/Lw4AhOvAfB/ityHAd2bli3lESSWmWSzSsl5dKpy5N1d1Rfkd2teq/g9xN90lc6o98DOjMeYHpg== +environment@^1.0.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/environment/-/environment-1.1.0.tgz#8e86c66b180f363c7ab311787e0259665f45a9f1" + integrity sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q== + error-ex@^1.3.1: version "1.3.2" resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf" @@ -3826,7 +3813,7 @@ es-to-primitive@^1.2.1: is-date-object "^1.0.1" is-symbol "^1.0.2" -escalade@^3.1.1: +escalade@^3.1.1, escalade@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27" integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA== @@ -5919,7 +5906,7 @@ levn@^0.4.1: prelude-ls "^1.2.1" type-check "~0.4.0" -lilconfig@~3.1.1: +lilconfig@~3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb" integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow== @@ -5929,32 +5916,32 @@ lines-and-columns@^1.1.6: resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632" integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg== -lint-staged@15.2.7: - version "15.2.7" - resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.7.tgz#97867e29ed632820c0fb90be06cd9ed384025649" - integrity sha512-+FdVbbCZ+yoh7E/RosSdqKJyUM2OEjTciH0TFNkawKgvFp1zbGlEC39RADg+xKBG1R4mhoH2j85myBQZ5wR+lw== +lint-staged@15.2.9: + version "15.2.9" + resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.9.tgz#bf70d40b6b192df6ad756fb89822211615e0f4da" + integrity sha512-BZAt8Lk3sEnxw7tfxM7jeZlPRuT4M68O0/CwZhhaw6eeWu0Lz5eERE3m386InivXB64fp/mDID452h48tvKlRQ== dependencies: chalk "~5.3.0" commander "~12.1.0" - debug "~4.3.4" + debug "~4.3.6" execa "~8.0.1" - lilconfig "~3.1.1" - listr2 "~8.2.1" + lilconfig "~3.1.2" + listr2 "~8.2.4" micromatch "~4.0.7" pidtree "~0.6.0" string-argv "~0.3.2" - yaml "~2.4.2" + yaml "~2.5.0" -listr2@~8.2.1: - version "8.2.1" - resolved "https://registry.yarnpkg.com/listr2/-/listr2-8.2.1.tgz#06a1a6efe85f23c5324180d7c1ddbd96b5eefd6d" - integrity sha512-irTfvpib/rNiD637xeevjO2l3Z5loZmuaRi0L0YE5LfijwVY96oyVn0DFD3o/teAok7nfobMG1THvvcHh/BP6g== +listr2@~8.2.4: + version "8.2.4" + resolved "https://registry.yarnpkg.com/listr2/-/listr2-8.2.4.tgz#486b51cbdb41889108cb7e2c90eeb44519f5a77f" + integrity sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g== dependencies: cli-truncate "^4.0.0" colorette "^2.0.20" eventemitter3 "^5.0.1" - log-update "^6.0.0" - rfdc "^1.3.1" + log-update "^6.1.0" + rfdc "^1.4.1" wrap-ansi "^9.0.0" loader-runner@^4.2.0: @@ -6003,14 +5990,14 @@ lodash@4.17.21, lodash@^4.17.20, lodash@^4.17.21: resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== -log-update@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/log-update/-/log-update-6.0.0.tgz#0ddeb7ac6ad658c944c1de902993fce7c33f5e59" - integrity sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw== +log-update@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/log-update/-/log-update-6.1.0.tgz#1a04ff38166f94647ae1af562f4bd6a15b1b7cd4" + integrity sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w== dependencies: - ansi-escapes "^6.2.0" - cli-cursor "^4.0.0" - slice-ansi "^7.0.0" + ansi-escapes "^7.0.0" + cli-cursor "^5.0.0" + slice-ansi "^7.1.0" strip-ansi "^7.1.0" wrap-ansi "^9.0.0" @@ -6174,6 +6161,11 @@ mimic-fn@^4.0.0: resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc" integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw== +mimic-function@^5.0.0: + version "5.0.1" + resolved "https://registry.yarnpkg.com/mimic-function/-/mimic-function-5.0.1.tgz#acbe2b3349f99b9deaca7fb70e48b83e94e67076" + integrity sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA== + min-indent@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869" @@ -6340,6 +6332,11 @@ node-releases@^2.0.14: resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b" integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw== +node-releases@^2.0.18: + version "2.0.18" + resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f" + integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g== + normalize-package-data@^2.5.0: version "2.5.0" resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8" @@ -6477,7 +6474,7 @@ once@^1.3.0: dependencies: wrappy "1" -onetime@^5.1.0, onetime@^5.1.2: +onetime@^5.1.2: version "5.1.2" resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e" integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg== @@ -6491,6 +6488,13 @@ onetime@^6.0.0: dependencies: mimic-fn "^4.0.0" +onetime@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/onetime/-/onetime-7.0.0.tgz#9f16c92d8c9ef5120e3acd9dd9957cceecc1ab60" + integrity sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ== + dependencies: + mimic-function "^5.0.0" + open@^10.0.3: version "10.1.0" resolved "https://registry.yarnpkg.com/open/-/open-10.1.0.tgz#a7795e6e5d519abe4286d9937bb24b51122598e1" @@ -6697,6 +6701,11 @@ picocolors@^1.0.0: resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ== +picocolors@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1" + integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew== + picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" @@ -7142,13 +7151,13 @@ resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.2 path-parse "^1.0.7" supports-preserve-symlinks-flag "^1.0.0" -restore-cursor@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-4.0.0.tgz#519560a4318975096def6e609d44100edaa4ccb9" - integrity sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg== +restore-cursor@^5.0.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-5.1.0.tgz#0766d95699efacb14150993f55baf0953ea1ebe7" + integrity sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA== dependencies: - onetime "^5.1.0" - signal-exit "^3.0.2" + onetime "^7.0.0" + signal-exit "^4.1.0" ret@~0.1.10: version "0.1.15" @@ -7165,7 +7174,7 @@ reusify@^1.0.4: resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76" integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== -rfdc@^1.3.1: +rfdc@^1.4.1: version "1.4.1" resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.4.1.tgz#778f76c4fb731d93414e8f925fbecf64cce7f6ca" integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA== @@ -7429,7 +7438,7 @@ side-channel@^1.0.4: get-intrinsic "^1.2.4" object-inspect "^1.13.1" -signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7: +signal-exit@^3.0.3, signal-exit@^3.0.7: version "3.0.7" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9" integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ== @@ -7474,7 +7483,7 @@ slice-ansi@^5.0.0: ansi-styles "^6.0.0" is-fullwidth-code-point "^4.0.0" -slice-ansi@^7.0.0: +slice-ansi@^7.1.0: version "7.1.0" resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-7.1.0.tgz#cd6b4655e298a8d1bdeb04250a433094b347b9a9" integrity sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg== @@ -8091,11 +8100,6 @@ type-fest@^0.8.1: resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d" integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA== -type-fest@^3.0.0: - version "3.13.1" - resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-3.13.1.tgz#bb744c1f0678bea7543a2d1ec24e83e68e8c8706" - integrity sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g== - type-is@~1.6.18: version "1.6.18" resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131" @@ -8235,6 +8239,14 @@ update-browserslist-db@^1.0.13: escalade "^3.1.1" picocolors "^1.0.0" +update-browserslist-db@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e" + integrity sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ== + dependencies: + escalade "^3.1.2" + picocolors "^1.0.1" + uri-js@^4.2.2: version "4.4.1" resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e" @@ -8410,10 +8422,10 @@ webpack-sources@^3.2.3: resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde" integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w== -webpack@5.92.1: - version "5.92.1" - resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.92.1.tgz#eca5c1725b9e189cffbd86e8b6c3c7400efc5788" - integrity sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA== +webpack@5.93.0: + version "5.93.0" + resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.93.0.tgz#2e89ec7035579bdfba9760d26c63ac5c3462a5e5" + integrity sha512-Y0m5oEY1LRuwly578VqluorkXbvXKh7U3rLoQCEO04M97ScRr44afGVkI0FQFsXzysk5OgFAxjZAb9rsGQVihA== dependencies: "@types/eslint-scope" "^3.7.3" "@types/estree" "^1.0.5" @@ -8562,10 +8574,10 @@ yallist@^4.0.0: resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72" integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A== -yaml@~2.4.2: - version "2.4.5" - resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.4.5.tgz#60630b206dd6d84df97003d33fc1ddf6296cca5e" - integrity sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg== +yaml@~2.5.0: + version "2.5.0" + resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.0.tgz#c6165a721cf8000e91c36490a41d7be25176cf5d" + integrity sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw== yargs-parser@^21.0.1, yargs-parser@^21.1.1: version "21.1.1"